SPA 와 MPA

SPA(Single Page Application)

싱글 페이지 애플리케이션 
서버에서 새로운 페이지를 불러오지 않고 하나의 페이지에서 동적으로 동작하는 웹 애플리케이션이나 웹사이트를 말하며단일 페이지로 구성 되어 있음

장점

1. 웹 애플리케이션에 필요한 정적 리소스를 최초에 한번만 다운로드 하면 된다.

2. 새로운 페이지 요청/갱신시 필요한 데이터만 전달 받음(트래픽 감소)

3. 페이지 전체를 다시 랜더링 하지 않고 필요한 부분만 갱신하지 않아 네이티브 앱과 유사한 사용자 경험이 가능

 

단점

1.초기 구동 속도가 느림 (정적 리소스를 한번에 전부 다운로드 하기 때문)

2. 앱의 규모가 커지면 자바 스크립트 파일 사이즈가 커짐

 

MPA(Multi Page Application)

여러개(두개 이상)의 페이지로 구성된, 웹 애플리케이션

페이지 이동 또는 새로고침시 전체 페이지가 다시 렌더링 됨

 

장점

1.초기 구동 속도가 빠름 (페이지에 필요한 정적 리소스만 받기 때문)

2. 필요한 페이지의 자바스크립트 파일만 받아옴

 

단점

1. 새로운 페이지 요청시  필요한  정적 리소스를  받아야함(새로운 페이지 속도 저하)

2. 새로운 페이지 요청/갱신시 필요한 리소스를 전부 받아야함(트래픽 증가)