SSR(Server Side Rendering)이란?
SSR은 서버에서 사용자에게 보여줄 페이지를 모두 구성하여 사용자에게 페이지를 보여주는 방식이다.
SSR을 사용하면 모든 데이터가 매핑된 서비스 페이지를 클라이언트에게 바로 보여줄 수 있다.
SPA(Single Page Application)에서 SSR이 필요한 이유
SPA는 처음 CSR 방식을 사용한다. CSR 방식은 어플리케이션에 필요한 자바스크립트 링크만 들어있는 심플한 html파일로 이루어져 있다. 따라서 이 방식은 두 가지 문제점이 있다.
첫째로 초기 로딩 시간이 느리다. CSR방식의 자바스크립트 파일 안에는 필요한 라이브러리, 프레임워크, 로직등이 담겨져 있다. 그래서 다운로드 받아야 할 양이 많으면 많을수록 초기 로딩이 오래 걸린다.
둘째, SEO(Search Engine Optimization)에 좋지 않다. 네이버나 구글과 같은 검색엔진은 검색하고자 하는 웹사이트의 html파일을 분석해 그에 알맞는 정보를 띄워준다. CSR방식의 경우는 html파일은 심플한 구조로 되어있기 때문에 검색엔진이 웹페이지를 분석하는데 어려움이 있다.
이러한 CSR의 문제점들로 인해 SPA에 SSR이 필요하다.
SSR은 웹사이트에 접속하면 서버에서 미리 필요한 데이터들을 모두 가져와 만든 HTML을 보내주기 때문에, 페이지 로딩시간이 빨라진다. 또한 모든 컨텐츠가 HTML에 담겨져 있기 때문에 보다 효율적인 SEO가 가능해진다.