리액트 2

[Next JS] 슬기롭게 서버 컴포넌트 사용하기 2 - 서버 컴포넌트 사용법(with CQRS)

서버 컴포넌트는 어떻게 사용해야 할까?https://younghun123.tistory.com/2 - 서버 컴포넌트란? 안녕하세요! 지난 포스트에서는 서버 컴포넌트가 무엇인지 알아봤습니다!서버 컴포넌트는 서버에서 "완성된 HTML"을 보내고 브라우저에서 JS 번들을 다운받지 않습니다.[React Client Component 와 React Server Component]그림에서도 알 수 있듯이 (서버컴포넌트에서)한번 화면에 HTML을 보여주면 JS번들 다운을 받지 않기 때문에 Create, Update, Delete 로직은 수행할 수 있다는 한계가 있습니다. CQRS사용자에게 조금이라도 쾌적한 서비스를 제공하고 싶다면, 서버 컴포넌트의 사용을 고민할텐데요."어떤 컴포넌트"를 서버 컴포넌트로 만들어야 할지..

프론트엔드 2025.02.28

[Next JS] 슬기롭게 서버 컴포넌트 사용하기 1 - 서버 컴포넌트란?

리액트 서버 컴포넌트(React Server Component)란?서버 컴포넌트는 번들링 전에 클라이언트 앱이나 SSR 서버와 분리된 환경에서 미리 렌더링되는 새로운 유형의 컴포넌트입니다.출처: https://ko.react.dev/reference/rsc/server-components 프론트엔드 개발자가 서버 컴포넌트를 적극적으로 사용해야 하는이유1. 빠릅니다리액트는 현재 프론트엔드 개발자들이 가장 많이 사용하는 라이브러리입니다.함수형 프로그래밍 지원 및  리액트 hook 등의 다양한 기능으로 리액트는 많은 사랑을 받고있습니다.하지만 리액트가 가진 큰 단점은 렌더링 속도 문제였습니다. 리액트 팀은 렌더링 속도 문제를 계속 고민했고, 이를 해결하기 위해 서버 컴포넌트를 출시했습니다. 2. Next JS..

프론트엔드 2025.02.20