- 지금까지 가지고 있던 React 컴포넌트의 개념을 다시 한 번 정리할 때입니다. --- "React 서버 컴포넌트", 프론트엔드 개발자라면 다들 한 번쯤 들어보셨을 것입니다. React 18에서 Suspense, Transition 와 함께 등장한 개념이죠. React 서버 컴포넌트(RSC)는 클라이언트와 서버 간의 데이터 흐름을 효율적으로 관리하고 웹 애플리케이션의 성능을 향상시키기 위한 React의 새로운 기능입니다. 이 기능은 서버에서 컴포넌트를 렌더링한다는 새로운 개념을 통해 클라이언트로 전송하여 초기 로딩 속도를 향상시키고 SEO (검색 엔진 최적화)를 개선하는 데 도움이 되죠. 저도 올해 5월부터 Next.js의 앱 라우터(app router)를 이용해 RSC 기반으로 제품 개발을 하고 있는 중인데요, 지금까지 알고 있던 React 컴포넌트의 개념들을 뒤엎는(?) 것들이 많아서 굉장히 헷갈렸던 기억이 나네요. 특히 RSC 개념 설명에 대한 한글 자료가 많이 부족한데, 최근에 작성된 좋은 글을 발견해서 공유합니다. https://pyjun01.github.io/v/rsc