CSR

---

🌐 CSR이란?

정의

CSR(Client Side Rendering)은 브라우저가 화면을 직접 그리는 렌더링 방식이다.

서버는 주로 최소한의 HTML과 자바스크립트 파일을 전달하고, 실제 화면 구성은 브라우저에서 수행한다.

⚙️ CSR의 동작 흐름

1. 서버가 기본 HTML과 JavaScript를 전달한다.
2. 브라우저가 JavaScript를 실행한다.
3. 필요한 데이터를 추가로 요청한다.
4. 화면이 브라우저에서 렌더링된다.

⚡ CSR의 특징

• 초기 진입 후 화면 전환이 빠르다.
• SPA에서 자주 사용한다.
• 브라우저 자바스크립트 의존도가 높다.
• 첫 화면 렌더링은 SSR보다 느릴 수 있다.

🧾 CSR이 잘 맞는 경우

• 사용자 상호작용이 많은 서비스
• 화면 전환이 많은 SPA
• 로그인 후 사용하는 대시보드

🔍 CSR의 주의점

• 초기 로딩이 느려질 수 있다.
• 검색 엔진 최적화에 불리할 수 있다.
• JavaScript 실행이 전제되어야 한다.

---

연결문서

• SSR
• FrontEnd Frameworks
• Web Caching