SSR(서버 사이드 렌더링)/CSR(클라이언트 사이드 렌더링)

Rendering(렌더링)

웹페이지를 표시하는 행위

 

SSR(Server Side Rendering: 서버에서 렌더링)

서버에서 렌더링하여 클라이언트에게 전달

 

CSR(Client Side Rendering: 클라이언트에서 렌더링)

서버에서 문서(HTML, JS, CSS 등)를 받아 클라이언트에서 렌더링

 

SSR 장점

렌더링 속도 상승

SEO(Search Engine Optimization: 검색 엔진 최적화) 가능

 

CSR 장점

서버 시스템에 부담이 적음

 

결론

정적인 컨텐츠 표시 시 SSR

역동적인 컨텐츠 표시 시 CSR

 

두가지를 적합한 곳에 사용