클라이언트 번들 유출 방지 지도 구조
번들 경계
server areaDB, markdown, heavy parser
client shellbutton, modal, input state
dynamic import차트, 에디터, 지도 지연 로딩
번들 점검큰 의존성의 진입 파일 확인
server area→client shell→dynamic import→번들 점검
클라이언트 번들 유출 방지 지도 기준
점검
상호작용상호작용이 필요한 가장 작은 컴포넌트에만 use client를
둡니다.
서버서버 컴포넌트가 계산한 결과를 plain props로 내려보냅니다.
초기초기 화면에 필요 없는 무거운 UI는 dynamic import
후보입니다.
클라이언트클라이언트 shell에서 서버 전용 유틸을 import하지
않습니다.