-
리엑트, 넥스트js, 앵귤러를 통해 서버 사이드 렌더링과 클라이언트 사이드 렌더링 비교하기공식사이트를 통해 영어와 함께 배우는 리엑트 2023. 7. 21. 16:13
서버 측 렌더링(SSR)과 클라이언트 측 렌더링(CSR)은 React 애플리케이션을 렌더링하는 두 가지 다른 방식입니다.
SSR에서는 페이지의 HTML이 브라우저로 전송되기 전에 서버에서 렌더링됩니다. 즉, 브라우저는 서버로부터 응답을 받자마자 완전한 HTML 페이지를 표시할 수 있습니다. 이렇게 하면 브라우저가 페이지 표시를 시작하기 전에 자바스크립트가 로드될 때까지 기다릴 필요가 없으므로 페이지의 초기 로드 시간을 개선할 수 있습니다.
CSR에서는 페이지의 HTML이 자바스크립트에 의해 클라이언트에서 렌더링됩니다. 즉, 브라우저는 먼저 페이지의 기본 구조만 포함된 최소한의 HTML 페이지를 수신합니다. 그런 다음 자바스크립트가 콘텐츠 및 모든 인터랙티브 요소를 포함한 나머지 페이지를 로드하고 렌더링합니다. 이렇게 하면 JavaScript를 비동기적으로 로드하고 실행할 수 있으므로 초기 로드 후 페이지의 성능이 향상될 수 있습니다.'공식사이트를 통해 영어와 함께 배우는 리엑트' 카테고리의 다른 글
공식 웹사이트를 통해 영어와 함께 공부하는 리액트(React) 21편 (0) 2023.05.18 공식 웹사이트를 통해 영어와 함께 공부하는 리액트(React) 20편 (0) 2023.04.13 넥스트JS(NEXT.js)를 통해서 웹개발에 대한 전반적인 개념 익히기 (0) 2023.03.30 공식 웹사이트를 통해 영어와 함께 공부하는 리액트(React) 19편 (0) 2023.03.29 공식 웹사이트를 통해 영어와 함께 공부하는 리액트(React) 1편 (0) 2023.03.27