CSR과 SSR이란

00_8_3·2020년 10월 6일
0
post-custom-banner

CSR과 SSR이란

CSR (Client Side Rendering)

SSR (Server Side Rendering)

SPA와 MPA

SPA (Single page Application)

MPA (Multiple page Application)

CSR,SSR과 SPA,MPA의 관계

SPA가 사용하는 Rendering방식은 CSR이고, MPA가 사용하는 Rendering방식은 SSR인 것인가? 그렇지 않다.

SPA는 서버로부터 처음에만 페이지를 받아오고 이후에는 동적으로 DOM을 구성하여 Rendering 되는 화면이 바뀌게 한다.
바로 여기서 “동적으로 DOM을 구성하여 Rendering 되는 화면이 바뀌게 한다.” 부분이 CSR이다.

쉽게 말하자면 SPA는 처음에만 페이지를 받아오고 이후에는 받아오지 않는데 이럼에도 데이터가 수정되고 조회되게 하고 싶어서 CSR이란 “방식”을 채택한 것.

반대로 MPA는 동적이지 않은 페이지를 상황에 맞게 클라이언트에 뿌려주기 때문에 SSR 방식을 채택한 것.

출처

SSR 개념 이해와 Next.js로 실습까지 해보는 SSR 환경 구축하기

post-custom-banner

0개의 댓글