SSR, CSR - hochan222/Everything-in-JavaScript GitHub Wiki

Server Side Rendering

장점

• 모든 HTML 콘텐츠가 소스 코드에 존재하므로 검색 엔진이 즉시 요청해서, 크롤링 및 인덱싱 할 수 있으므로 검색 결과에 실제로 나타나고 순위를 매기는 시간이 더 빨라진다.
• 서버따로 클라이언트따로 작성하던 코드가 하나로 합쳐진다
• 더 나은 SEO 적용 할 수 있다.
• 웹앱의 단점 대부분 없어진다.

Client Side Rendering

장점

• 초기 페이지로드는 약간 느리지만 그 후에는 모든 후속 페이지 로드가 매우 빠르다.
• 서버와의 통신은 런타임 데이터를 가져 오는 경우에만 발생한다.
• 서버를 호출 할 때마다 전체 UI를 다시로드 할 필요가 없다.
• 클라이언트 측 프레임 워크는 특정 DOM 요소 만 다시 렌더링하여 변경된 데이터로 UI를 업데이트한다.