SPA란?

첫 로드 이후 페이지 이동 시 전체 새로고침 없이 JavaScript가 DOM만 갱신하는 웹앱 구조다. 데스크톱 앱과 유사한 UX를 제공한다.

장점

  • 부드러운 화면 전환
  • API 호출만 발생 — 네트워크 효율
  • 상태 유지가 쉬움

단점

  • 초기 JS 번들 크기 → FCP 느림
  • SEO 취약 (SSR/SSG로 보완)
  • 초기 로딩 중 빈 화면