SSR, CSR 이란?

·2023년 3월 22일
0
post-thumbnail

SSR

SSR은 서버 측에서 미리 구성된 HTML, CSS, JS 를 통해 구현한 웹페이지를 보여주는 방식을 말한다.

초기 브라우저 진입부터 라우팅 된 경로마다 구현된 웹페이지가 존재하므로, 검색엔진이 이를 읽는 것이 가능하다.

그러나 페이지 이동 시 마다 필요한 HTML, CSS, JS 파일을 매번 새롭게 받아와야 하거나, 기존 웹페이지의 데이터가 손실되거나, CSR 대비 지속적인 페이지 렌더링 요청이 발생한다는 점에서 비용적인 문제가 있다.

CSR

CSR 은 JS 와 DOM을 활용하여, 클라이언트 단에서 사용자 이벤트에 맞춰 동적으로 페이지를 구현하여 웹페이지를 보여주는 방식을 말한다.

초기 렌더링 시에만 필요한 자료들을 서버들을 통해 받은 이후에는 서버에서 렌더링 파일을 보내지 않아도 된다는 점과, 경로를 이동하여도 플리커링 없이 부드럽게 페이지가 이어질 수 있다는 점이 장점이다.

단, 초기 렌더링 시 일반적으로는 루트 태그를 제외한 빈파일이기 때문에, 검색엔진이 페이지를 확인하는 것이 어려우며, 초기 렌더링 시 모든 JS 코드를 컴파일링 하기 때문에, 경로마다 필요한 파일만 불러오는 SSR 대비 느릴 수 있다는 단점이 있다.

profile
새로운 것에 관심이 많고, 프로젝트 설계 및 최적화를 좋아합니다.

0개의 댓글