서버 사이드 렌더링(SSR)이란

서버-사이드 렌더링(SSR)이란

서버-사이드 렌더링(SSR)은 클라이언드 대신 서버에서 UI를  렌더링하는 것이다. 반면, 클라이언트-사이드 렌더링(CSR)은 클라이언트의 브라우저가 대신 렌더링하는 것이다. 리액트는 기본적으로 클라이언트 사이드 렌더링이다.

장점

서버-사이드 렌더링의 장점은 1)검색엔진에 노출이 된다는 점이다. 리액트의 SPA는 검색엔진의 크롤러 봇이 감지를 잘 못한다. 다른 장점으로 2)초기 렌더링 성능의 개선이다. 서버 쪽에서 이미 렌더링이 끝난 콘텐츠면 클라이언트에서 즉시 받아서 볼 수 있어, 대기 시간도 짧아져 유저 경험이 좋아진다.

단점

서버-사이드 렌더링의 단점은 1)서버 리소스의 소모다. 브라우저가 할 일을 서버가 하니까. 특히, 급하게 부하가 늘어나면 서버가 터질 수도 있어 캐싱이나 로드 밸런싱을 적용해주어야 한다. 또 다른 단점으로 2) 프로젝트의 구조의 복잡도가 증가한다. 데이터 미리 불러오기, 코드 스플리팅 호환 등 고려할 것이 많다.