SPA(Single Page Application)

하나의 페이지로 구성된 웹 애플리케이션으로 자바스크립트를 이용해 동적으로 화면의 컨텐츠를 바꾼다.

MPA(Multi Page Application)

전통적인 방식으로 다른 경로를 이동할 때마다 서버로부터 새로운 HTML파일을 받아와 렌더링한다.

일반적으로 SPA는 CSR방식을, MPA는 SSR방식으로 렌더링 한다.

SPA, MPA는 페이지의 수를 말하는 것이고, CSR, SSR은 렌더링을 어디에서 하냐는 것이다.

CSR

동작 과정

Untitled

  1. 브라우저가 서버에 컨텐츠 요청
  2. 서버는 뼈대만 있는 HTML파일을 응답
  3. 브라우저가 연결된 링크로 자바스크립트 파일 다운로드
  4. 자바스크립트 파일로 동적으로 페이지를 생성해 보여준다.

장점