Basic

SPA (Single Page Application)

• html 파일을 기반으로 자바스크립트를 이용하여 동적으로 화면 컨텐츠를 바꾸는 방식

MPA (Multiple Page Application)

• 사용자가 요청할때마다 웹서버가 요청한 ui와 데이터를 html로 파싱하여 보여준다.

• 브라우저에서의 역할이 많지 않았음.

  ⇒ 전통적인 방식으로 보면, SPA는 CSR이고, MPA는 SSR로 볼 수 있다.

CSR (Client Side Rendering)

• 모바일 환경이 중요해지며 더욱
• 브라우저가 서버에 HTML과 JS 파일을 요청 한 후 로드되면 사용자 상호 작용에 따라 JS를 동적으로 렌더링한다

Advantage

• 처음 파일이 로드 된 이후에는 렌더링이 빠르다(동적).
• 사용자 경험(UX)에 좋다.
• 서버에서 요청하는 횟수가 훨씬 적으므로 서버의 부담이 적다

Disadvantage