개요

폐하께서 명하신 문서 시각화 보수 시공이 완료되었습니다. 본 가이드는 Royal Blog의 새로운 기능들을 설명합니다.

1. 문서 메타데이터 표시

작성자 정보

이제 모든 문서에는 작성자 정보가 표시됩니다. 작성자는 상단의 메타데이터 섹션에 명시되며, 브레드크럼 네비게이션을 통해 해당 작성자의 다른 문서로 이동할 수 있습니다.

작성일시와 출처

• 작성일시: 문서가 작성된 정확한 시간을 표시합니다.
• 출처: 외부 문서의 경우 원본 링크를 명시합니다.

2. 핵심 요약 (Executive Summary)

황금색 박스로 강조된 핵심 요약 섹션이 본문 상단에 배치됩니다. 이를 통해 독자는 문서의 주요 내용을 빠르게 파악할 수 있습니다.

강조 박스 스타일:
- 황금색(#d4af37) 테두리
- 반투명 배경
- 전용 아이콘 (📋)

3. 변경 이력 (Revision History)

수직 타임라인 시각화

문서의 모든 변경 이력이 수직 타임라인으로 표시됩니다.

특징:

• 황금색 마커로 각 변경을 표시
• 변경 날짜, 내용, 작성자 정보 포함
• 선형 흐름을 통해 문서 진화 과정을 한눈에 파악

변경 이력 포맷

- 변경일시: YYYY-MM-DD HH:mm:ss
- 변경 내용: (작업 유형)
- 작성자: 이름
- 상세 노트: (선택사항)

4. 태그 필터링 (Tag Pills)

필형(Pill) 디자인

태그는 다음의 특징을 가진 필 모양으로 표시됩니다:

• 시각적 디자인: 황금색 테두리와 반투명 배경
• 호버 효과: 마우스 오버 시 강조 표시
• 클릭 기능: 태그를 클릭하면 동일 태그의 문서로 필터링

필터링 시스템

홈페이지의 필터 패널에서:

1. 여러 태그를 선택하여 문서 필터링
2. 각 태그 옆에 관련 문서 수 표시
3. 필터 초기화 버튼으로 한번에 제거

5. 기술 서고 정비

연작(Series) 기능

관련 문서들을 같은 시리즈로 묶어 관리합니다. 아카이브 화면에서 시리즈별 그룹화된 문서를 확인할 수 있습니다.

카테고리 탭

• 🔒 안보: 보안 관련 자료
• ⚙️ 기술: 기술 보고서 및 논문
• 📚 지식: 지식 자료 모음

각 탭은 관련 문서 수를 표시합니다.

명예의 전당 (Pinned Documents)

중요한 문서는 각 카테고리 상단에 핀 아이콘(📌)과 함께 표시됩니다.

6. 자동 목차 (Table of Contents)

ToC 기능

3개 이상의 제목이 있는 문서에는 우측에 고정된 목차가 자동으로 생성됩니다.

특징:

• 실시간 스크롤 추적 (Scrollspy)
• H2, H3, H4 제목 자동 추출
• 클릭 시 해당 섹션으로 스무스 스크롤

반응형 디자인

• 1400px 이상: 우측 고정 패널
• 1200px 이하: 문서 내에 포함
• 768px 이하: 버튼 형태로 표시

시공 완료 체크리스트

• ✅ 작성자별 디지털 낙관 배치
• ✅ 변경 이력의 수직 타임라인 시각화
• ✅ 핵심 요약 전용 강조 박스 및 서체 적용
• ✅ 태그의 필형 디자인 및 필터링 기능 고도화
• ✅ 연작(Series) 기능 구현
• ✅ 소주제별 탭/필터링 UI 배치
• ✅ 장문 보고서용 자동 목차(ToC) 우측 고정 배치
• ✅ 중요 문서를 상단에 배치하는 명예의 전당 기능 추가

마치며

이 가이드는 Royal Blog의 새로운 문서 시각화 기능을 소개합니다. 모든 기능은 사용자 경험을 중심으로 설계되었으며, 반응형 디자인을 통해 모든 기기에서 최적의 환경을 제공합니다.

#Documentation #Royal #Enhancement #UI/UX