React 서버 컴포넌트

React Server Components는 서버 주도 멘탈 모델을 통해 모던 UX를 구현하는 것을 목표로 하는 새로운 기술입니다. 이는 기존의 서버 사이드 렌더링(SSR)과는 다르며, 클라이언트 측 번들 크기를 획기적으로 줄일 수 있다는 장점이 있습니다.

SSR은 초기 페이지 로딩 속도를 개선하지만, 상호작용을 위한 hydration 단계에서 자바스크립트 코드를 필요로 하며, 서버 컴포넌트는 이 부분을 개선합니다. 서버 컴포넌트를 사용하면 컴포넌트가 서버에서 실행되고 필요한 코드만 클라이언트로 전송되므로, 클라이언트 측 번들 크기를 최소화하면서도 동적인 UX를 구현할 수 있습니다.

아직 정식 출시되지 않았지만, 향후 웹 개발에 큰 영향을 미칠 것으로 기대됩니다.