SPA 구조 선택

SPA 전환 판단 기준

SPA는 앱 같은 사용감에 강하고, MPA와 SSR/SSG는 초기 HTML과 검색 노출에 강합니다. 요구 조건이 섞이면 두 방식을 조합합니다.

전환 빈도

화면을 자주 오가면 SPA 장점이 큼

대시보드, 관리자 화면처럼 상태를 유지한 이동이 많을 때 유리합니다.

초기 HTML

검색과 공유 미리보기가 중요하면 보완 필요

랜딩, 블로그, 상품 상세는 SSR/SSG나 MPA가 더 단순할 수 있습니다.

API 경계

서버는 데이터와 권한을 최종 검증

클라이언트 렌더링을 하더라도 인증, 권한, 민감 로직은 서버가 책임집니다.

JS 비용

초기 번들이 큰지 먼저 측정

코드 스플리팅, 지연 로딩, 캐싱 전략이 없으면 첫 로딩이 느려집니다.

MPA 우선

문서 중심, 페이지 단위 캐싱, 낮은 상호작용 복잡도에 적합합니다.

SPA 우선

앱 셸, 클라이언트 라우팅, 빈번한 부분 갱신이 핵심일 때 맞습니다.

SSR/SSG 보완

SPA 사용감을 유지하면서 초기 노출과 성능 약점을 줄일 때 선택합니다.