[dev-goraebap]

요약

Webcraft 0.9.1. 아키텍처 절 페이지를 실제 정의서 수준으로 다시 쓰고, 도표·크게 보기·목차·메뉴를 다듬습니다.

• 정의서 본문: 루트(시스템 한눈에 보기, 답하는 질문 목차)와 19절, 8.18.9를 번호 하위 절·Mermaid 도표 32개·표로 씁니다. 모든 사실은 지침에서 가져왔고, Webcraft가 정하지 않는 것은 "프로젝트가 정한다"로 적었습니다. 절 이름은 arc42 원문에 맞춥니다.
• 메뉴: 3단계 메뉴에서도 지금 문서를 선택하고 상위 묶음을 엽니다. 절 아래 문서에 번호(4.1, 8.1.1)를 붙입니다.
• 도표: base 테마 색표·Pretendard 14px·카드 틀, 스크롤 없이 폭에 맞춤. 도표와 본문 이미지는 크게 보기 창(yet-another-react-lightbox, 판 고정, 처음 열 때만 불러옴)에서 휠·두 손가락·두 번 누르기로 확대합니다.
• 문서 안 목차: 누른 제목은 직접 스크롤할 때까지 유지, 끝부분의 짧은 절은 남은 스크롤 구간을 나눠 차례로 선택.
• 지침: 「오픈소스 도입」(먼저 오픈소스를 찾고 수치로 판단), 기능 구현 절차에 그 단계, 문서 안 목차 규칙, 교차 페이드 200ms 통일.

검증

• npm run check(문서 55개 arc42·구획), npm test 10개, npm run site:check, npm run site:test 328개, npm run site:build(주소 135개).
• 개발 서버: 절 페이지 도표 32개 모두 SVG로 그려짐, 콘솔 오류 없음. 크게 보기 열기·확대(2배·6배)·Esc 닫기, 본문 이미지 크게 보기.
• 목차: 끝에서 두 번째 항목을 누르면 유지, 위에서 끝까지 천천히 내리면 7개 제목 모두 차례로 선택.
• 메뉴: 세 단계째 문서 선택과 8 → 8.x 자동 펼침.

🤖 Generated with Claude Code