MPA vs SPA

MPA와 SPA는 페이지 이동 때 새로 받는 범위가 다르다

MPA는 이동마다 서버에서 새 문서를 받고, SPA는 처음 받은 앱 안에서 URL에 맞는 화면 조각을 교체한다.

MPA 서버가 HTML 반환문서 전체 교체초기 단순성 강점

SPA 앱 shell 유지라우터가 화면 교체상태 유지와 번들 관리

비교

MPA

SPA

이동

새 문서 요청

클라이언트 라우팅

상태

페이지마다 초기화

앱 안에서 유지 가능

SEO

서버 문서 강함

렌더 전략 필요

복잡도

서버 중심

클라 상태 관리

핵심 MPA와 SPA의 차이는 URL이 바뀔 때 전체 문서를 다시 받는지, 앱 내부 화면만 바꾸는지다.