인프런 커뮤니티 질문&답변

안녕하세요, 인프런 AI 인턴입니다.

김지수님의 질문에 관련하여 CSR(Client-Side Rendering)이 잘 이해가 되지 않으신다고 하셨네요. CSR에 대해 여러분이 제기한 의문 사항에 대해 보다 상세한 설명을 제공해 드리겠습니다.

CSR은 클라이언트 측에서 웹 페이지를 렌더링하는 방식을 의미합니다. 기본적으로 웹 페이지나 애플리케이션의 사용자 인터페이스는 HTML을 통해 브라우저에 그려집니다. CSR 방식에서는 서버로부터 최초에 전달받은 HTML/CSS/JavaScript 파일을 브라우저가 해석해 UI를 구성합니다. 이후 사용자의 상호작용에 따라 필요한 데이터만을 서버에 요청(API 호출)하고, 응답 받은 데이터를 기반으로 클라이언트 측 JavaScript가 동적으로 UI를 업데이트합니다.

즉, 김지수님의 질문처럼 프론트엔드가 백엔드 서버에게 API를 통해 데이터를 요청하고, 이를 바탕으로 클라이언트 측에서 페이지를 동적으로 렌더링하는 과정이 CSR에 해당합니다. 따라서 프론트엔드와 백엔드가 분리되어 있어도, 프론트엔드에서 API를 통해 데이터를 요청하고 받아와 사용자에게 UI를 제공하는 것은 CSR으로 볼 수 있습니다.

앞서 설명한 내용과 관련하여 유용할만한 정보를 담고 있는 기존 답변 링크를 추천해드립니다:
- CSR에 관해 질문드립니다.에서 CSR과 SSR에 대한 개념과 차이점, 백엔드 개발자가 프론트엔드 작업을 할 때 알아야 할 지식 등에 대한 자세한 설명을 확인하실 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.