<TIL> 51. Server-Side Rendering(SSR)

Rendering?

컴퓨터 프로그램을 사용해 모델 또는 이들을 모아놓은 장면인 씬 파일(scene file)로 부터 영상을 만들어내는 과정.

Server-Side Rendering(SSR)이란?

PHP, JSP, ASP, Node.js 등 Server-Side Script 언어 기반의 템플릿 엔진을 이용해 동적인 웹 콘텐츠(html) 문서를 만드는 방식
서버에서 페이지를 그려 클라이언트(브라우저)로 보낸 후 화면에 표시하는 기법.
서버에서 모든 데이터를 작성해 클라로 전송, 클라는 해당 데이터를 해석해 웹 사이트로 표시하는 방법의 웹 통신 방법

SSR 장점

• 웹 페이지 초기 로딩 지연시간을 줄일 수 있다.

• SSR 방식은 Server에서 화면 구성에 필요한 데이터를 가지고 렌더링 진행 후, 결과물인 HTML을 Client로 서빙.
  Client에서는 초기 웹 페이지 구성에 필요한 데이터를 요청하지 않아도 된다.

• SEO(Search Engine Optimization)가 많은 양의 웹 콘텐츠 정보를 수집하게 되므로, 검색사이트 상위 노출에 유리.

• 검색엔진 봇이 웹 사이트 정보를 수집하고자 Server에 요청하면, Server는 콘텐츠 정보를 포함한 html을 제공해 검색 엔진 봇은 많은 정보를 수집할 수 있다.

SSR 단점

• Server에서 데이터를 이용해 동적으로 html을 생성하기에 server 부담 증가.

SSR의 목적

"검색 엔진 최적화" "빠른 페이지 렌더링"
빈 HTML 페이지를 받아 브라우저에서 그리는 클라이언트 사이드 렌더링과 다르게, 서버에서 미리 그려서 브라우저로 보내주기 때문에 페이지 그리는 시간 단축!