React 서버 컴포넌트

이 글은 React 팀이 시연한 React Server Components(RSC)에 대해 설명합니다. RSC는 서버 주도 멘탈 모델을 통해 모던 UX를 구현하는 것을 목표로 하며, 기존의 서버 사이드 렌더링(SSR)과는 달리 클라이언트 측 번들 크기를 획기적으로 줄일 수 있다는 장점이 있습니다.

SSR은 초기 로딩 속도를 개선하지만, 상호작용을 위한 hydration 단계에서 여전히 자바스크립트 코드를 필요로 합니다. 반면 RSC는 컴포넌트가 서버에서 실행되어 필요한 코드만 클라이언트로 전송하므로, 번들 크기를 최소화하고 성능을 향상시킬 수 있습니다.

아직 정식 출시되지 않았지만, 향후 프론트엔드 개발에 큰 영향을 미칠 기술로 주목받고 있습니다.