Study Tree
학습한 내용과 경로를 시각화하고,
연결된 문서를 따라가며 다음에 학습할 내용을 찾을 수 있도록 구성했습니다.
문서 관계 시각화
- 마크다운 문서가 늘어날수록 어떤 문서가 연결되는지 감이 잘 오지 않아 관계를 그래프로 보는 화면을 만들었습니다.
- 최근에 본 문서를 기준으로 연결된 글과 다음에 볼 만한 내용을 함께 보여주도록 정리했습니다.
- AI 브리핑을 붙여 현재 학습 맥락을 요약하고 다음 경로를 고르기 쉽게 했습니다.
문서 그래프D3.js추천 흐름학습 보조
조직/서비스 관점의 확장 방향
- 장애 발생 시 연관 인프라 문서와 과거 대응 기록을 빠르게 엮어 찾는 IT Knowledge Graph
- 사내 위키와 운영 문서 사이의 관계를 시각적으로 보여주는 지식 베이스 탐색 화면
- 신규 입사자가 인프라 구조와 규정을 순서대로 따라가며 익히는 온보딩 시스템
- 교육 현장에서 커리큘럼과 참고 자료를 관계도로 묶어 보여주는 학습 서비스
개선 계획
- 문서 관계를 단순 연결이 아니라 장애 대응, 규정, 시스템 유형별로 나눠 볼 수 있는 분류 기준을 붙일 생각입니다.
- 추천 근거를 더 분명하게 보여줘 왜 이 문서를 다음에 봐야 하는지 설명하는 흐름을 보강할 예정입니다.
- 온보딩이나 교육용으로 쓸 때 주제별 경로를 미리 만들어 두는 가이드 모드를 추가하려고 합니다.
업데이트 이력
2026-03-03
- 그래프 레이아웃과 브리핑 패널 구성을 다시 다듬고, 추천, 뉴스, 브리핑 흐름을 정리했습니다.
2026-01-18
- AI 그룹핑 로직을 손보고 브리핑 데이터를 정리해 추천 결과가 한쪽으로 쏠리지 않도록 보정했습니다.
2026-01-16
- DynamicSkillTree, StudyInsightPanel, StudyTreePageClient를 분리해 Study Tree 화면 구조를 본격적으로 구성했습니다.
2026-01-11
- 지식 그래프 데이터를 크게 확장해 문서 연결 범위와 추천 기반을 넓혔습니다.
2026-01-01
- 학습 브리핑 패널을 추가하고 그래프/브리핑 데이터 구조를 보강했습니다.
2025-12-26
- Study Tree 페이지와 지식 그래프, AI 브리핑 생성 흐름을 처음 추가했습니다.