서버사이드 렌더링 vs 클라이언트 사이드 렌더링

클라이언트 사이드 렌더링(Client Side Rendering)

 

자바스크립트를 다운 후 브라우저에서 자바스크립트를 실행해야 화면에 UI가 표시됨

자바스크립트가 동작하지 않는 환경에서는 화면이 표시되지 않기 때문에 검색엔진과 같은 로봇들이 컨텐츠를 이용할 수 없음

자바스크립트를 다운하고 실행하기 전까지 화면이 표시되지 않음

 

서버 사이드 렌더링(Server Side Rendering)

 

서버쪽에서 자바스크립트 실행

브라우저로는 완성된 HTML을 전송함 -> 자바스크립트를 실행할 수 없는 환경에서도 잘 동작한다. 검색 엔진 친화적

다운 받는 즉시 실행하기 때문에 사용자 입장에선 눈 깜짝할 사이에 웹페이지가 표시되는 것을 확인할 수 있다.