📌CSR (Client Side Rendering)

• 웹 애플리케이션에서 렌더링 책임이 **브라우저(클라이언트)**에게 있는 방식

작동 방식

1. 사용자가 웹사이트를 방문하면, 서버는 기본적인 HTML 뼈대만 전송
2. HTML에는 필요한 자바스크립트 파일 링크가 포함되어 있음
3. 브라우저가 이 자바스크립트 파일들을 다운로드하고 실행
4. 자바스크립트가 API 호출을 통해 필요한 데이터를 가져옴
5. 자바스크립트가 받은 데이터로 DOM을 조작하여 사용자에게 보이는 콘텐츠를 생성

특징

• 초기 페이지 로드 시에는 콘텐츠가 비어 있거나, 로딩 표시만 보이는 경우가 많음
• SPA(Single Page Application) 구현의 기본 방식
• React, Vue, Angular와 같은 프레임워크가 기본적으로 CSR 방식을 사용

📌SSR (Server Side Rendering)

• 서버에서 HTML을 완전히 생성한 후, 클라이언트로 전송하는 방식

작동 방식