ssr vs csr

​서버사이드 렌더링

서버에 http 요청시
데이터, Css와 html js를 합쳐서 그린 결과를 반환
사용자 입장에서는 빠르게 그려지는 느낌

서버 호출할 때마다 새로고침
봇이 크롤링할 때 채워져있는 데이터를 훑으므로
검색결과에 나타날 확률이 높다
(구글 봇의 경우 js 파일을 기준으로 한다고 함)
ex) react.js

​클라이언트 사이드 렌더링 (SPA 방식)

Http 요청으로 json 값만 서버에서 받아오고
받아온 값으로 html을 그린 후에 보여주는 것

서버는 처음 호출할때 전체 페이지를 다 불러오고
이후에 변경되는 부분만 서버의 응답 데이터와 합쳐서
화면에 그려지는 방식

상대적으로 서버사이드 렌더링 보다 늦게 화면이 나타남.
봇 크롤링 시 빈 html 파일을 긁을 확률이 높아
검색 결과에 나타나지 않을 수 있다.
매번 새로고침을 안하기 때문에 호출을 자주 안하게되어
트래픽이 감소된다

ex) angularJS, backbone.js