Written by TY_K
on 

CSR and SSR

CSR & SSR

CSR : Client Side Rendering

SSR : Server Side Rendering

CSR은 모바일시대에 들어, SAP와 함께 등장했다

SPA(Single Page Applictaion)

먼저 페이지 전체를 로드한 후, 데이터만 변경하며 사용 가능한 어플리케이션

SPA는 기본적으로 페이지로드가 없이, 모든 페이지가 간단하게 Html5 HIstory에 의해 랜더링 된다.

기존의 SSR방식에는 성능의 문제가 있었다.

최근에는 웹에서 제공되는 정보가 많은 반면 요청할 때마다 데이터를 읽어들여, 페이지를 로드할 때마다 서버에서 자원을 넘겨받아 분석해, 화면에 랜더링하는 방식인 SSR은 데이터가 많을수록 성능에 문제가 발생했다

이러한 문제점은 인터랙션이 많은 환경에서는 비효율적이다. 랜더링을 서버에서 하게되면, 그만큼 서버의 자원이 사용되기 때문에 불필요한 트래픽이 발생한다.

CSR방식은 유저의 행동에 의해 필요한 부분만 다시 읽어들인다. 따라서 서버측에서 랜더링을 해서, 모든 정보를 표시하는것보다 빠른 인터랙션을 기대할수 있다. 서버는 JSON 파일만 송신하여 HTML을 작성하는 것은 JavaScript을 통해 클라이언트측에서 진행하는 방식이다.

화면 랜더링을 유저의 브라우저가 담당하며, 먼저 웹어플리케이션을 브라우저에 로드한 다음, 필요한 데이터만 읽어들여 표시하는 CSR은 트래픽을 감소시켜 유저에게 좋은 경험을 제공할수 있다

CSR 장점과 단점

장점

단점

SSR 장점과 단점

長所

단점