react 19 썸네일형 리스트형 React 고급 기술 익히기 - 11편: React 서버 컴포넌트(Server Components) 완벽 정리 1. Server Components란?1.1 Server Components 개요**Server Components(서버 컴포넌트)**는 서버에서 렌더링되고, 클라이언트에서 실행되지 않는 React 컴포넌트입니다. 기존 SSR(Server-Side Rendering), SSG(Static Site Generation) 방식과는 다르게 동작하며, 클라이언트에서 불필요한 JavaScript 번들 크기를 줄일 수 있습니다.1.2 Server Components vs Client Components특징Server ComponentsClient Components실행 위치서버에서 실행브라우저에서 실행번들 크기번들에 포함되지 않음브라우저로 전송됨상태(State)불가능가능 (useState, useEffect 사용.. 더보기 React 고급 기술 익히기 - 10편: React Hooks의 모든 것 React의 Hooks는 컴포넌트의 상태 및 생명 주기 기능을 클래스 없이도 사용할 수 있도록 만든 기능입니다. React 16.8에서 처음 도입되었으며, 이후 버전에서도 지속적으로 개선되고 있습니다. 특히 React 19에서는 새로운 훅이 추가되면서 더 강력한 기능을 제공하고 있습니다.이번 글에서는 Hooks의 기본 개념, 등장 배경, 내부 동작 원리, 모든 Hook의 기능과 사용법, 그리고 앞으로의 방향성에 대해 다룹니다. 🚀1. Hooks의 등장 배경과 동작 원리1.1 Hooks는 왜 등장했을까?React에서 클래스 기반 컴포넌트는 다음과 같은 문제점을 가지고 있었습니다.상태 관리가 복잡: this.state를 계속 관리해야 하며, 상태 변경 로직이 흩어져 있음재사용성이 낮음: 같은 로직을 여러 .. 더보기 React 고급 기술 익히기 - 7편: React 18과 19의 새로운 기능과 최신 트렌드 React는 지속적으로 발전하면서 성능 최적화와 개발자 경험을 개선하는 다양한 기능을 도입하고 있습니다. React 18에서는 Concurrent Rendering(동시 렌더링), 자동 배치(Automatic Batching), 스트리밍 서버 렌더링(Streaming SSR) 등의 기능이 추가되었으며, React 19에서는 Actions API, 서버 컴포넌트(Server Components), useOptimistic 훅 등의 기능이 도입되었습니다. 이번 글에서는 React 18과 19의 주요 변경 사항과 최신 트렌드를 정리합니다.1. React 18의 주요 기능1.1 Concurrent Rendering (동시 렌더링)React 18에서는 Concurrent Rendering이 기본적으로 활성화되었습.. 더보기 이전 1 다음
