리액트 서버 컴포넌트(RSC) 이모저모 알아보기
pyjun01 개발 블로그
⚛️ React 서버 컴포넌트 이모저모 알아보기
- 지금까지 가지고 있던 React 컴포넌트의 개념을 다시 한 번 정리할 때입니다.
---
"React 서버 컴포넌트", 프론트엔드 개발자라면 다들 한 번쯤 들어보셨을 것입니다. React 18에서 Suspense, Transition 와 함께 등장한 개념이죠.
React 서버 컴포넌트(RSC)는 클라이언트와 서버 간의 데이터 흐름을 효율적으로 관리하고 웹 애플리케이션의 성능을 향상시키기 위한 React의 새로운 기능입니다. 이 기능은 서버에서 컴포넌트를 렌더링한다는 새로운 개념을 통해 클라이언트로 전송하여 초기 로딩 속도를 향상시키고 SEO (검색 엔진 최적화)를 개선하는 데 도움이 되죠.
저도 올해 5월부터 Next.js의 앱 라우터(app router)를 이용해 RSC 기반으로 제품 개발을 하고 있는 중인데요, 지금까지 알고 있던 React 컴포넌트의 개념들을 뒤엎는(?) 것들이 많아서 굉장히 헷갈렸던 기억이 나네요.
특히 RSC 개념 설명에 대한 한글 자료가 많이 부족한데, 최근에 작성된 좋은 글을 발견해서 공유합니다.
https://pyjun01.github.io/v/rsc
다음 내용이 궁금하다면?
이미 회원이신가요?
2023년 8월 30일 오후 5:03
댓글 0
함께 읽은 게시물
🌎 해외에서 일하면 뭐가 좋을까요❓
외국어를 사용해서? 돈을 더 많이 벌어서? 새로운 기회가 많아서? 글로벌 경력을 쌓을 수 있어서?
... 더 보기AI(LLM) 애플리케이션의 발전 속도가 AI 지능(능력)의 발전 속도를 따라가지 못하고 있는 상태가 되었다. 즉, 이제 AI가 부족한 것이 문제가 아니라, AI의 능력을 100% 활용하지 못하고 있는 것이 문제인 상태가 되었다는 이야기.
iOS 19가 아니라 이제 iOS 26?
매
... 더 보기
Next.js 프로젝트를 AWS EKS에 배포하며 배운 것들
최
... 더 보기“To jobs that pay the rent! 집세 내주는 직장을 위해!” 영화 <악마는 프라다를 입는다>에 나온 대사다. 저널리스트를 꿈꾸는 대학 졸업생인 주인공. 하지만 그녀는 당장 생계를 위한 일자리가 급하다.
... 더 보기
