SSR

서버쪽에서 요청에 따라 응답할 정적 리소스를 정해두고 사용자가 요청할때마다 리소스를 보내줌, 변경사항 없이 완전하게 만들어진 페이지를 보내줌

장점

• 클라이언트 쪽에서 필요한 리소스만을 쥐고 있음
• 초기 로딩속도가 빠름
• 검색엔진의 크롤링에서 웹의 모든 소스를 노출시켜 마케팅에 이점을 가져갈 수 있음

단점

• 페이지를 요청할때마다 해당하는 정적 리소스들을 다운받아 트래픽이 과다하게 발생할 수 있음

CSR

서버쪽에서 사용자에게 필요한 모든 정적 메소드를 한번에 보내주고 사용자 단계에서 사용자의 액션에 따라 필요한 모든 것을 렌더링함

장점

• 웹앱 이용에 필요한 모든 리소스를 한번에 제공하기 때문에 이후 어떤 액션을 취하더라도 추가적인 리소스 필요 없음
• 더 이상의 리소스가 필요하지 않기 때문에 불필요한 트래픽을 줄일 수 있음

단점

• 이용하는 라우팅이 많이 없는 경우 오히려 많은 트래픽을 사용하게 됨
• 위와 같은 이유로 초기 로딩속도가 느려짐
• 검색엔진 크롤러가 CSR의 특성상 URL이 변경되지 않고 처리되기 때문에 필요한 정보를 충분히 수집하지 않음