좋은 블로그 글 모음

개발/NEXTJS

LeeHyoGeun 2025. 1. 27. 22:19

React 서버 컴포넌트를 사용해야 하는 이유와 방법

2020년 말, React 팀은 "제로-번들-사이즈 React 서버 컴포넌트" 개념을 도입했습니다. 그 이후로 React 개발자 커뮤니티는 이 미래 지향적인 접근 방식을 실험하고 적용하는 방법을 학습해 왔습니다. R

www.freecodecamp.org

요약

요약하면 다음과 같습니다.

React 서버 컴포넌트는 네트워크 왕복 없이 백엔드 접근이 가능합니다.
React 서버 컴포넌트를 통해 네트워크 워터폴을 피할 수 있습니다.
React 서버 컴포넌트는 자동 코드 분할(splitting)을 지원하며 번들 크기를 제로로 줄여 앱의 성능을 향상시킵니다.
이러한 컴포넌트는 서버 측에 있으므로 클라이언트 사이드 이벤트 핸들러, state 및 effect에 액세스할 수 없습니다. 이는 이벤트 핸들러나 useState, useReducer, useEffect와 같은 React 훅을 사용할 수 없음을 의미합니다.
React 서버 컴포넌트는 클라이언트 컴포넌트를 가져와 렌더링할 수 있지만, 반대로는 불가능 합니다. 그러나 서버 컴포넌트를 클라이언트 컴포넌트에 props로 전달할 수 있습니다.

2024-02-23 [A는 B] 1. RSC란?

RSC란 무엇인가에 대해 직접 답을 내려보다

saengmotmi.netlify.app