React에서 서버사이드 렌더링, 성능을 최적화 하는방법


React에서 서버사이드 렌더링, 성능을 최적화 하는방법

이번엔 React에서의 서버 사이드 렌더링과 성능 최적화에 대해 이야기해보려고 합니다. 서버 사이드 렌더링이란, 서버에서 React 컴포넌트를 HTML로 렌더링하여 클라이언트에게 전달하는 방식입니다. 서버 사이드 렌더링의 장점은 다음과 같습니다. - 초기 로딩 속도를 향상시킬 수 있습니다. - 클라이언트에서 자바스크립트 파일을 다운로드하고 파싱하고 실행하는 시간을 줄일 수 있습니다. - SEO(검색 엔진 최적화)를 향상시킬 수 있습니다. - 검색 엔진 크롤러가 HTML을 쉽게 읽을 수 있습니다. - 사용자 경험을 향상시킬 수 있습니다. - 사용자가 화면에 내용이 보이는 시점을 당길 수 있습니다. 하지만 서버 사이드 렌더링에도 단점이 있습니다. - 서버 부하가 증가할 수 있습니다. - 서버에서 많은 렌더링..


원문링크 : React에서 서버사이드 렌더링, 성능을 최적화 하는방법