[python] SSR, CSR

SSR, CSR

출처 - https://velog.io/@namezin/CSR-SSR

SSR ( Server Side Rendering )

완전하게 만들어진 HTML파일을 받아오고 Rendering하게 된다.

웹서버에 요청할 때마다 Broswer 새로고침이 일어나고 서버에 새로운 페이지에 대한 요청을 하는 방식

image-20200714095010415

CSR ( Client Side Rendering )

HTML 및 static 파일들이 로드 되면서 데이터가 있다면, 데이터 또한 서버에 요청하고 그것이 화면상에 나타나게 된다.

Broswer가 서버에 HTML 과 static파일을 요청한 후 사용자의 상호작용에 따라서 javascript 를 통해 동적으로 Rendering한다. 필요에 따라 데이터를 서버에 요청해서 받아와 Rendering 한다.

image-20200714092731921

SSR, CSR 비교

image-20200714095331166

image-20200714095726532

SPA, MPA

SPA에서 SSR을 구성할 수는 없는가.

결론

SSR과 CSR을 적절히 활용해야 한다.

처음에만 SSR을 하고 그 이후에 CSR을 하는 경우는 그다지 SEO(검색엔진 최적화) 에 도움이 되지 않는다.

UX에 지장이 가지 않는 선에서 페이지를 나누고, 기존 SPA에서 하던 CSR로 구성하는 것도 좋다.

##