SPA

SPA란 Single Page Applicaion으로 하나의 페이지로 구성된 애플리케이션을 말한다.
최근 웹 애플리케이션은 리액트, 앵귤러, 뷰와 같은 자바스크립트기반 프레임워크를 사용해서 SPA로 개발되고 있다.
헤더는 고정되어 있고 헤더의 링크를 클릭하면 특정 영역만 바뀌는 웹페이지가 그 예시이다.

MPA

MPA란 Multi Page Application으로 탭을 이동할 때마다 새로운 html 페이지를 받아와서 페이지를 새로 렌더링하는 전통적인 웹페이지 구성 방식이다.
매번 새로운 HTML을 서버로부터 받아오기 때문에 전환 시 매번 화면이 깜빡인다는 단점이 있다.
이를 보완하기 위해 화면의 원하는 부분만 동적으로 받아오는 AJAX를 사용할 수 있다.

출처