SPA vs MPA

SPA

Single Page Application

• 한 개의 페이지로 구성된 Application
• 필요한 정적 리소스를 처음에 한 번 다운로드하고,
  새로운 페이지 요청이 있을 때 갱신에 필요한 데이터만 전달 받아서 페이지 갱신 👉 자연스러운 페이지 이동
• 검색 엔진 최적화가 어려움
• CSR(Client Side Rendering) 방식으로 렌더링

MPA

Multiple Page Application

• 여러개의 페이지로 구성된 Application
• 새로운 페이지를 요청할 때마다서버에서 렌더링된 정적 리소스 다운로드
• 페이지를 이동하거나 새로고침하면 전체 페이지를 다시 렌더링
• SSR(Server Side Rendering) 방식으로 렌더링