ServerComponents.dev | What are RSCs
Servercomponents
📌 리액트 서버 컴포넌트(RSC)란 무엇인가?
리액트 서버 컴포넌트가 기존의 컴포넌트들과 무엇이 다르고 어떻게 동작하는지 소개하는 사이트가 있어서 공유합니다. 핵심은 서버에서 렌더링된 컴포넌트가 브라우저에게 전달되는 형태가 다르다는 점일 것 같습니다.
기존의 컴포넌트는 서버에서 미리 렌더링될 때 HTML로 변환되어 리액트의 renderToString 메서드에 의해 브라우저로 전달되죠. 이렇게 전달된 컴포넌트는 수화(Hydration) 단계를 거칩니다. 반면 서버 컴포넌트는 리액트에서 해석 가능한 형태의 Payload(JSON)로 브라우저에 전달됩니다. 수화 같은 별도의 과정 없이 컴포넌트로 쓸 수 있죠.
자세한 내용과 배경 설명은 공유드린 링크를 통해 확인해보시면 좋을 것 같습니다!
https://servercomponents.dev/
더 많은 콘텐츠를 보고 싶다면?
이미 회원이신가요?
2023년 10월 13일 오전 2:32
댓글 0
함께 읽은 게시물
🌎 해외에서 일하면 뭐가 좋을까요❓
외국어를 사용해서? 돈을 더 많이 벌어서? 새로운 기회가 많아서? 글로벌 경력을 쌓을 수 있어서?
... 더 보기게임의 완성도는 고객이 결정한다
예술 작품은 작가의 생각을 표현하는 도구다. 따라서, 작가의 의도를 얼마나 잘 담아내고 있느냐가 중요하다. 그 의도를 대중이 몰라줄 수도 있고, 알지만 공감하지 못할 수도 있다. 그래도 괜찮다. 대중의 인정을 받지 못해도 예술성은 사라지지 않는다. 잘 만든 작품으로 남아있을 수 있다.
... 더 보기👋 LLM 활용에 도움이 되는 가이드 모음
✅️Prompting Guide 101 by Google : https://lnkd.in/d8UwPWeN
... 더 보기직장생활은 결국 윗사람과 아랫사람이 나뉠 수밖에 없다. 기업들이 아무리 평등한 관계를 추구한다고 해도, 고용인과 피고용인의 관계마저 사라지는 것은 아니다. 아무리 평등하다 해도 월급 주는 사장님이 을이 될 수는 없지 않은가? 아무리 작은 조직이라도 일을 맡기는 사람과 일을 하는 사람이 존재한다.
... 더 보기
Next.js 프로젝트를 AWS EKS에 배포하며 배운 것들
최
... 더 보기iOS 19가 아니라 이제 iOS 26?
매
... 더 보기
