SPA / MPA 에 대해서

이전 포스팅에서 CSR, SSR 에 대해서 다룬 글이 있다.

자세한 내용은 아래 참고 포스팅 참고 바란다.

 

SPA와 MPA는 

Single Page Application / Multi Page Application 의 약자로 아래 그림을 보면 이해가 갈것이다.

 

MPA는 한 화면에 여러 컴포넌트들이 있지만 부분적으로 뜨지 않고 모든 페이지가 하나의 동작으로 이루어져,

모든 페이지가 리로딩, 전환 등의 작업이 이루어 진다.

 

하지만 SPA의 경우엔 화면 내에서 컴포넌트로 잡힌 부분만 새로고침이나 전환 작업등을 할수 있다.

 

SPA의 대표적은로는 Vue, React 등 프레임워크등이 있고,(참고 포스팅 참고)

MPA로는 서블릿이나 템플릿 엔진 등 JSP, 타임리프 등이 있다.(참고 포스팅 참고)

 

MPA는 화면이 완전히 만들어지고 로딩이 되기에 서버에서 랜더링이 되고 난 후에 작동을 하게 되며 SSR 방식이다.

SPA는 화면이 클라이언트에서 만들어지고 로딩이 되기에 클라이언트에서 랜더링이 되고 난 후에 작동을 하게 되며 CSR 방식이다.
(예외 경우 존재함)

---

참고 포스팅

https://thenicesj.tistory.com/770

CSR과 SSR 차이

https://thenicesj.tistory.com/134

Vue.js 실습 part.1 (React, Vue, Angular 소개)

https://thenicesj.tistory.com/464

Tymeleaf 란?