rsc

[React] React + SSR과 서버 컴포넌트는 뭐가 다를까?

2023년에 NextJs가 13버전으로 업그레이드 되면서 서버 컴포넌트를 도입하였습니다.저는 해당 기술을 봤을 때, 단순히 SSR + 스트리밍을 활용하여 SPA의 문제점을 개선한다고 생각했습니다.하지만 직접 React + SSR을 구현해보니 NextJs가 활용하는 서버 컴포넌트 + SSR은 당연히 문제점을 개선하지만, 더 나아가 근본적인 문제를 해결하려한다는 것을 이해하였습니다. hydrateRoot + renderToPipeableStream를 이용한 React SSR 구현React 18부터 제공된 renderToPipeableSteam은 리액트 컴포넌트를 스트리밍 가능하게 합니다.정확히는 리액트 트리를 스트리밍 합니다. (renderToPipeableStream renders a React tree ..