📌 리액트 서버 컴포넌트(RSC)란 무엇인가?

리액트 서버 컴포넌트가 기존의 컴포넌트들과 무엇이 다르고 어떻게 동작하는지 소개하는 사이트가 있어서 공유합니다. 핵심은 서버에서 렌더링된 컴포넌트가 브라우저에게 전달되는 형태가 다르다는 점일 것 같습니다.


기존의 컴포넌트는 서버에서 미리 렌더링될 때 HTML로 변환되어 리액트의 renderToString 메서드에 의해 브라우저로 전달되죠. 이렇게 전달된 컴포넌트는 수화(Hydration) 단계를 거칩니다. 반면 서버 컴포넌트는 리액트에서 해석 가능한 형태의 Payload(JSON)로 브라우저에 전달됩니다. 수화 같은 별도의 과정 없이 컴포넌트로 쓸 수 있죠.


자세한 내용과 배경 설명은 공유드린 링크를 통해 확인해보시면 좋을 것 같습니다!


https://servercomponents.dev/

ServerComponents.dev | What are RSCs

Servercomponents

ServerComponents.dev | What are RSCs

더 많은 콘텐츠를 보고 싶다면?

또는

이미 회원이신가요?

2023년 10월 13일 오전 2:32

 • 

저장 17조회 4,174

댓글 0