[Perf] 번들 사이즈 감사 + 코드 스플리팅 전략

[ming0o]

배경

Next.js App Router 기반이라 라우트 단위 자동 스플리팅은 이미 되지만, 큰 라이브러리(axios, date-fns, jotai+zustand 혼재 등)가 초기 번들에 포함되는지 감사 필요. 공통 레이아웃에 불필요 import가 있으면 모든 페이지 로딩 지연.

작업

• @next/bundle-analyzer 도입
• production build 결과 시각화
• 초기 번들 TOP 20 의존성 확인
• 무거운 모듈 dynamic import 적용 (예: 차트, 마크다운 렌더러, 에디터)
• 페이지별 번들 사이즈 측정 및 기준 설정 (예: 250KB 이하)

완료 기준

• 초기 JS 번들 목표치 이하
• 가장 무거운 3개 의존성에 대한 대응 방안 문서화
• CI에서 번들 사이즈 리그레션 경고 (선택)