이 게시물은 AST로 코드에서 네비게이션을 추출해 퍼널 다이어그램을 자동 생성하여 문서화 문제를 해결한 경험을 공유합니다.

핵심 요약

• 39개 페이지, 82개 분기로 복잡한 퍼널 구조 파악의 어려움
• 정적 분석(ts-morph)으로 router.push/replace 호출과 조건문, 라인 번호, 쿼리, 훅 출처 등 추출
• URL 상수 파싱으로 상수명→실제 경로 매핑 생성
• 진입점·이탈점·데드엔드 자동 식별 및 Mermaid 플로우차트로 시각화
• 코드 변경 시 스크립트 재실행으로 문서 자동 동기화