본문 바로가기

react18

(2)

[ React 18+ ] RSC(React Server Componen) 파헤치기. RSC는 React Server Components의 약자로, React18 버전부터 등장한 개념이다.서버에서 컴포넌트를 렌더링 하고 클라이언트에서 이를 효율적으로 활용할 수 있게 해주는 기능으로, 서버와 클라이언트의 역할을 분리하여 사용자 경험 향상을 위해 등장한 기능이다. RSC는 React의 자체적인 기능이기 때문에 꼭 Next.js를 사용하지 않고도 구현할 수 있지만, RSC는 서버-클라이언트의 상호작용이 필요하기 때문에 Node.js기반의 서버 환경이 필요하다. 그래서 Next.js를 사용하지 않는다면 Express.js 같은 라이브러리를 사용하여 HTTP 서버를 만들고, 서버-클라이언트 스트리밍, Webpack 번들링(서버 / 클라이언트), 데이터 통신, 성능 최적화(캐싱) 등의 추가적인 설..

React 18 변경점 정리 오늘은 React19 release version이 나오기 전에 React 18의 큰 변경점에 대해 살펴보려고 한다.현재 기준 React 가장 최신 버전은 18.3.1 이다.(2024년 4월 26일) 그리고 React18은 2022년 3월 29일에 정식 릴리즈 되었다. 1. 동시 렌더링(Concurrent Rendering) 동시 렌더링(Concurrent Rendering)은 사용자 인터페이스(UI)를 더 유연하고 효율적으로 렌더링할 수 있게 해주는 기능으로, 전통적인 렌더링 방식에서는 컴포넌트 트리가 변경될 때, 변경 사항이 한 번에 렌더링되면서 오랜 시간이 소요되며 UI가 멈추는 것처럼 보이는 문제가 발생하였다. 동시 렌더링(Concurrent Rendering)은 이러한 문제를 해결하..

이전 1 다음

티스토리툴바