CS - SSR과 CSR의 차이

SSR과 CSR의 차이

SSR(Server Side Rendering)

서버에서 렌더링하는 방식.

• 사용자가 웹페이지를 방문했을 때, 브라우저에서 자바스크립트 코드를 다운 받아 해석할 때까지 기다리지 않고 서버에서 보여질 HTML을 미리 준비해 클라이언트(브라우저)에 응답하는 방식.

• php, jsp 등의 MPA 방식의 렌더링 방식

CSR(Client Side Rendering)

클라이언트에서 렌더링하는 방식.

• 사용자의 요청마다 페이지를 구성하여 응답.

• React, Angular, Vue 등의 SPA(Single Page Application)들이 이에 해당.

• 데이터가 자주 변하거나 미리 만들어두기 어려운 페이지에 적합

SSG(Static Site Generation)

• 서버에서 HTML을 렌더링

• 서버에 미리 구성한 페이지를 요청 시에 응답.

• 캐싱해두면 좋은 페이지에 적합