SSR vs CSR

SSR(Server-Side Rendering)과 CSR(Client-Side Rendering)은 웹 페이지를 렌더링하는 두 가지 다른 접근 방식입니다.

서버 측 렌더링은 서버에서 HTML을 생성하고 브라우저에 표시하기 위해 클라이언트로 보내는 프로세스를 말합니다. SSR에서 서버는 각 페이지 요청에 대한 전체 HTML 내용을 생성하고 전체 렌더링된 페이지로 클라이언트에 전송합니다. 클라이언트는 사전 렌더링된 HTML을 표시하기만 하면 됩니다. 즉, 검색 엔진이 페이지 내용을 인덱싱할 수 있으며 페이지의 전반적인 성능을 향상시킵니다.

반면에 클라이언트-사이드 렌더링은 자바스크립트와 API에서 검색된 데이터를 사용하여 일반적으로 브라우저에서 클라이언트 측의 HTML 콘텐츠를 생성하는 프로세스를 의미한다. CSR에서 서버는 클라이언트에게 베어본 HTML 파일을 보내고 클라이언트 측 자바스크립트가 API에서 데이터를 가져와 페이지를 렌더링한다. 결과적으로 전체 페이지를 새로 고칠 필요 없이 페이지를 동적으로 업데이트할 수 있기 때문에 대화형 사용자 환경이 향상됩니다.

SSR과 CSR의 주요 차이점은 렌더링이 수행되는 위치입니다. SSR에서는 서버가 HTML 콘텐츠를 렌더링하는 역할을 하는 반면 CSR에서는 클라이언트의 브라우저가 HTML 콘텐츠를 렌더링하는 역할을 한다. 두 접근법 모두 각각의 장점과 단점이 있으며, 어떤 접근법을 사용할지는 프로젝트의 특정 요구사항에 따라 크게 달라집니다.