[내일배움캠프_Spring] 자바 Spring 입문_SSR,CSR_230224

SSR과 CSR은 모두 웹 애플리케이션에서 사용되는 프론트엔드 렌더링 방식입니다.

• SSR(Server-Side Rendering) 서버 측 렌더링은 서버에서 HTML 마크업을 생성하는 방식입니다. 이 방식은 페이지 로드 시 서버에서 필요한 모든 데이터와 HTML 마크업을 가져와 브라우저에 보낸 후 클라이언트에서 JavaScript 및 CSS를 로드하여 렌더링하는 방식입니다. 이렇게 하면 초기 로드 속도가 빠르고 검색 엔진 최적화(SEO)에 유리합니다.
• CSR(Client-Side Rendering) 클라이언트 측 렌더링은 브라우저에서 JavaScript를 사용하여 HTML 마크업을 동적으로 생성하는 방식입니다. 이 방식은 초기 로드 속도가 느리고 검색 엔진 최적화(SEO)에 취약하지만, 사용자 인터랙션에 따라 동적으로 업데이트될 수 있기 때문에 사용자 경험(UX)을 향상시키는 데 유리합니다.

SSR과 CSR의 장단점은 다음과 같습니다.

SSR의 장점:

• 초기 로드 속도가 빠름
• 검색 엔진 최적화(SEO)에 유리
• 웹 페이지의 콘텐츠가 정적인 경우 적합

CSR의 장점:

• 사용자 경험(UX)이 향상됨
• 웹 페이지의 콘텐츠가 동적인 경우 적합
• 클라이언트 측 렌더링으로 더 나은 애플리케이션 속도와 성능을 제공할 수 있음

따라서, SSR과 CSR은 각각 장단점이 있기 때문에 사용 목적과 요구사항에 따라 적합한 방식을 선택해야 합니다. 최근에는 SSR과 CSR을 조합하여 Hybrid 방식으로 사용하는 경우도 있습니다. 이를 통해 초기 로드 속도를 개선하면서 UX를 향상시킬 수 있습니다.

 

 

-------------------------------------------