CSR vs SSR

클라이언트 측 라우팅과 서버 측 라우팅 방법의 장/단점을 간단히 정리합니다.

클라이언트 사이드 렌더링

클라이언트 측 렌더링은 페이지 요청이 브라우저에서 이뤄지고, 웹 사이트를 구성할 HTML, JavaScript 파일을 서버로부터 전송 받습니다. 이후 JavaScript를 사용해 HTML 콘텐츠를 생성하는 렌더링 모드를 말합니다.

이 방법은 매 페이지 마다 HTML 페이지를 렌더링 하기 위해 서버로부터 응답 받지 않아도 되므로, 보다 현대적인 렌더링 방법입니다. 기술적인 관점에서 이 모드는 서버에 요청하는 부담을 덜어 클라이언트 측의 프로세스를 보다 빠르게 만들어 줍니다.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/259158fb-5e53-457c-be53-e4e11098d155/Untitled.png


서버 사이드 렌더링

서버 측 렌더링은 클라이언트 측 렌더링 보다 오래되고 무거운 것으로 간주됩니다. 사용자가 웹 사이트에서 서버에 요청하면 요청 정보가 서버에 전송되고, 서버는 요청에 응답하는 HTML 코드가 포함된 파일을 생성해 전송합니다.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/c6f56d0f-5ae5-4493-bf1a-18432a4882de/Untitled.png