SPA MPA SSR CSR

SPA : Single Page Application

하나의 페이지로 이루어진 홈페이지

CSR 이 적합

Vue, Angular, React 프레임워크로 만든 홈페이지 대부분이 여기에 속함

MPA : Multi Page Application

여러개의 페이지로 이루어진 홈페이지

SPA와 달리 페이지 이동과 새로고침이 발생

SSR 이 적합

PHP, Java 등이 여기에 속함

SSR : Server Side Rendering

서버 쪽에서 렌더링 준비를 마친 상태로 클라이언트에 전달하는 방식

js가 다운로드 되는 동안 사용자가 무언가를 보고 있을 수 있다

CSR : Client Side Rendering 

SSR과 달리 렌더링이 클라이언트 쪽에서 일어난다

서버는 요청을 받으면 html, js 를 클라이언트에 보내고 클라이언트를 이를 받아서 렌더링한다

js가 모두 다운로드 되어 실행되는 동안 사용자는 아무것도 볼 수 없다

 

* 첫 페이지를 로딩하는 것은 SSR 이 더 빠르지만 나머지를 로딩하는 것은 SSR 이 더 느리다