서버 컴포넌트(RSC; React Server Component) 이해하기
·
개발
RSC 등장 배경1. CSR서버는 빈 HTML()과 자바스크립트 번들()을 보내고, 브라우저는 자바스크립트 번들을 다운로드 및 파싱한 후 React 앱을 실행한다.따라서 자바스크립트 번들이 로딩되기 전까진 빈 화면이 나타나며, 번들 크기가 커질수록 초기 로딩 시간이 길어지는 문제점이 있다. 이에 대해선 React.lazy, Suspense, Code Splitting 등으로 초기 로딩 부담을 줄일 수 있다. 처음에 전체 번들을 다 로딩하지 않고, 필요할 때 JS를 다운로드를 하고 그 동안 미리 지정한 UI를 보여줄 수 있다. 2. SSRCSR의 단점을 개선하고자 서버 사이드 렌더링이 등장했다.서버에서 React 컴포넌트를 실행하여 채워진 HTML을 보내어 사용자는 빈 화면이 아닌 완성된 HTML을 볼 수..