MPA vs SPA

MPA와 SPA 전환 차이

MPA는 새 문서를 서버에서 받고, SPA는 초기 문서 위에서 필요한 데이터와 화면 상태를 바꾼다.

전환 방식 비교

navigation

MPA 이동

링크를 누를 때마다 서버가 새 HTML 문서를 내려준다.

SPA 이동

초기 앱은 유지하고 라우터가 화면 컴포넌트를 교체한다.

체감 차이

SPA는 전환이 빠르게 느껴지지만 초기 번들과 상태 관리가 중요하다.

React 역할

상태 변화에 맞춰 필요한 UI 조각만 다시 그리는 기반을 제공한다.

requestdocumentstateview
라우팅 방식 해석

MPA와 SPA를 비교할 때는 주소가 바뀌는지보다 전환 순간 전체 문서를 새로 받는지, 앱 상태를 유지하는지를 보면 된다.