반응형

SSR 2

[매일메일] 서버 사이드 렌더링과 클라이언트 사이드 렌더링의 차이점 알아보기

개발 방식웹 애플리케이션 개발 방식에는 SSR(Server Side Rendering)과 CSR(Client Side Rendering)이라는 두 가지 대표적인 렌더링 방식이 존재합니다. 각각의 렌더링 방식은 데이터 처리 시점, 사용자 경험, SEO 최적화, 초기 로딩 속도 등에서 차이를 보이며, 개발 환경에 따라 적절히 선택되어야 합니다. 서버 사이드 렌더링 (SSR)서버 측에서 렌더링은 이름 그대로 서버에서 HTML을 렌더링한 후 브라우저에 전달하는 방식입니다. 페이지에 필요한 데이터를 즉시 가져옴HTML 구조에 데이터를 삽입CSS까지 적용된 완성된 HTML 문서를 브라우저에 응답브라우저는 전달받은 HTML을 바로 렌더링할 수 있으며, JS 파일은 이후 다운로드되어 작동합니다.장점 :SEO에 유리 :..

[매일메일] SSR(Server Side Rendering) 이란?

SSR(Server Side Rendering) 이란? SSR(Server Side Rendering) 방식은 서버에서 완성된 정적 HTML을 클라이언트에 내려주는 방식입니다. 클라이언트 측에서는 해당 HTML을 파싱만 하여 화면을 그리게 됩니다.반면, CSR(Client Side Rendering) 방식은 브라우저가 서버로부터 비어있는 뼈대 HTML을 받아온 후, 필요한 자바스크립트 번들을 다운로드하고 번들을 실행하여 동적으로 컨텐츠를 채우는 방식입니다.Next.js에서는, SSR 방식으로 정적인 html을 내려주어 초기 화면을 빠르게 렌더한 이후, hydration을 통해 이벤트 리스너 부착 등의 자바스크립트 작업을 수행하여 정적인 화면을 동적으로 전환하는 작업을 수행하기도 합니다.SSR의 장점은 무..

반응형