Code Splitting

코드를 여러 청크로 분리해 필요한 시점에만 로드하는 최적화

분야: 프론트엔드 frontendbundlerperformance

Code splitting은 앱 코드를 여러 파일(청크)로 나눠서 초기 로딩을 줄이고, 필요한 순간에만 추가 로드하도록 만드는 전략입니다.

실무 포인트

  • 라우트 단위 분리가 흔합니다(페이지 진입 시 로드).
  • 지나치게 쪼개면 요청 수가 늘어 오히려 손해가 될 수 있습니다.

관련 문서

캐싱 (Caching)
계산/조회 결과를 재사용해 지연 시간과 비용을 줄이는 기법
CI/CD
코드 변경을 자동으로 빌드·테스트·배포하는 파이프라인
CSR (Client-Side Rendering)
브라우저에서 JavaScript로 화면을 렌더링하는 방식
Docker
애플리케이션을 컨테이너로 패키징/실행하는 플랫폼
E2E 테스트 (End-to-End)
사용자 관점 시나리오를 전체 시스템에서 검증하는 테스트
Hydration
SSR/SSG로 내려온 HTML에 JS 이벤트를 연결해 인터랙션을 활성화하는 과정