SSR

---

SSR에 대해 들어 보셨어요? 지원씨

---

SSR
서버 사이드 렌더링

서버에서 렌더링 작업을 하는겁니다.

그럼 CSR은?
클라이언트 사이드 렌더링

최초 1번만 서버에서 전체 페이지를 렌더링 해서 보여주고 이후 사용자 요청시 서버에서 전달받은 리소스로 클라이언트가 해석하고 렌더링 하는 방식

SPA가 모두 CSR은 아니다

SSR과 CSR의 차이에 대해서 말해볼게요

초기 렌더링 속도에 대해서는 SSR이 좀더 사용자 입장에서 빠르게 느껴진다.

일반적으로 웹페이지가 뛰어지는 과정은
사용자가 웹페이지 접속시
서버에 요청이 가고
HTML다운로드 > JS다운로드 > JS실행 > 서버에서 API호출 > API 결과 데이터 바인딩 > 화면 렌더링
인데

SSR을 한다해도 Ajax 기능을 위해 CSR요소가 포함될수 밖에없다?

CSR는 초기 구동 속도가 느리나 빠른 반응을 보여준다

이와 반대로 SSR은 서버에서 view를 렌더링해서 가져오기 때문에 초기 구동 속도가 빠르다 물론 js다운전이지만 사용자 입장 기준

보안측면에서는 SSR는 서버측에서 세션을 통해 관리(사용자 정보) CSR방식은 클라이언트 측의 쿠키말고 따로 마땅한 저장공간 없음

모든 출처

다시한번더 읽고 정리하는 글
출처

SSR은 클라이언트가 접속했을 때 서버에서 보여질 HTML을 미리 준비해 클라이언트한테 응답해주는 방식
CSR은 JS파일을 브라우저에서 해석해 렌더링하는 방식

SSR CSR 장단점

SSR
랜더링 속도향상 / 사용자 초기경험 굿
SEO최적화가 쉽다
서버부하가 많음
페이지이동시 하얀색
CSR
초기 딜레이발생
SEO최적화 좋지 않음