인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

공태성지능으로고상언짓하기님의 프로필 이미지
공태성지능으로고상언짓하기

작성한 질문수

스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술

HTML, HTTP API, CSR, SSR

HTTP API 질문

해결된 질문

작성

·

427

0

HTTP API를 설명해 주실 때 웹 클라이언트가 WAS에 요청을 하면 WAS에서 데이터를 내려 주고, 그럼 웹 브라우저에서 자바스크립트로 html 파일을 동적으로 만든다고 하셨습니다.

그럼 이 형태가 CSR 인건가요? 둘의 흐름이 비슷해 보여서요... 아니라면 어떤 점이 다른지 알려주세요!

답변 주시면 감사하겠습니다.

답변 1

0

안녕하세요, jyunimyon 님. 공식 서포터즈 y2gcoder 입니다.

네, 맞습니다. 여기서 설명한 형태는 클라이언트 측 렌더링(Client-Side Rendering, CSR)이라고 할 수 있습니다. CSR은 웹 브라우저에서 자바스크립트를 사용하여 HTML 파일을 동적으로 만드는 방식입니다. 이러한 방식은 웹 애플리케이션의 상호작용성을 높이고 사용자 경험을 개선할 수 있습니다.

CSR과 비교되는 것은 SSR(Server-Side Rendering)입니다. SSR은 웹 서버에서 HTML 문서를 생성하고 이를 클라이언트에 전달하는 방식입니다. 서버에서 모든 렌더링이 완료되어 사용자에게 전달되므로 초기 페이지 로딩 시간이 빠를 수 있습니다.

두 방식의 주요 차이점은 다음과 같습니다:

  1. 렌더링 위치: CSR은 클라이언트(웹 브라우저)에서 렌더링하고, SSR은 서버에서 렌더링합니다.

  2. 초기 로딩 속도: CSR은 초기 로딩 속도가 느릴 수 있지만, SSR은 초기 로딩 속도가 상대적으로 빠릅니다.

  3. 상호작용과 사용자 경험: CSR은 상호작용과 사용자 경험이 좋지만, SSR은 상호작용이 제한적일 수 있습니다.

  4. SEO(Search Engine Optimization) 최적화: SSR은 검색 엔진 최적화에 유리하며, CSR은 검색 엔진 최적화가 어려울 수 있습니다.

둘 중 어느 방식을 선택할지는 웹 애플리케이션의 요구사항과 목표에 따라 결정하게 됩니다. 어떤 경우에는 두 방식을 혼합하여 사용하는 것이 좋은 해결책이 될 수도 있습니다:)

감사합니다.

공태성지능으로고상언짓하기님의 프로필 이미지
공태성지능으로고상언짓하기

작성한 질문수

질문하기