CS - MPA vs SPA

MPA(Multi Page Application)

탭을 이동할 때마다 서버로부터 새로운 HTML을 새로 받아와서 페이지 전체를 새롭게 렌더링하는 전통적인 웹페이지 구성 방식

SPA (Single Page Application)

하나의 페이지로 구성된 웹 어플리케이션. 웹 어플리케이션에 필요한 모든 정적 리소스를 처음에 전부 다운로드하여 그 이후 새로운 페이지 요청마다 갱신이 필요한 데이터만 받아서 클라이언트에서 페이지를 갱신

AJAX의 등장과 함께 원하는 부분만 클라이언트에서 동적으로 렌더링 가능하고 매번 새롭게 렌더링하지 않아도 되는 SPA을 주로 사용하게 됨.