오늘은 ssr에 대해 알아본다!🌷

SSR은 무엇일까?

SSR은 서버에서 사용자에게 보여줄 페이지를 구상해서 페이지를 보내주는 방식이다. 모든 데이터가 매핑되어서 클라이언트에게 보여줄 수 있다. 서버를 이용해서 페이지를 구성한다. 클라이언트에서 구상해서 페이지를 보내주는 CSR보다는 구상하는 속도가 느리지만 전체적으로 사용자에게 보여주는 콘텐츠 구성이 완료되는 시점은 빠르다.

SSR이 페이지 완료 시점이 빠른 것을 확인할 수 있다. CSR이 초기 전송 속도는 빠르다. 하지만 서비스에서 필요한 데이터를 클라이언트에서 추가로 요청하여 재구성해야 한다.

SSR: 서버가 사용자에게 랜더링될 HTML을 미리 준비해서 클라이언트에게 응답해준다. 따라서 브라우저가 바로 랜더링할 수 있다. 그 후 CSR과 동일하게 자바스크립트 파일을 다운로드 받고 실행한다.
CSR: 자바스크립트 파일을 브라우저가 해석해서 랜더링한다.

참조 네이버 D2