react 최신 기능 썸네일형 리스트형 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이 기본적으로 활성화되었습.. 더보기 React 고급 기술 익히기 - 6편: Concurrent Mode와 Fiber 아키텍처 React는 성능 최적화를 위해 Concurrent Mode(동시 모드)와 Fiber 아키텍처를 도입했습니다. 이 두 가지 기능은 React 애플리케이션이 더욱 부드럽고 빠르게 동작하도록 도와줍니다. 이번 글에서는 Concurrent Mode의 개념, Fiber 아키텍처의 구조, 그리고 React 18 이후의 주요 성능 개선 사항을 다룹니다. 🚀1. Concurrent Mode란?Concurrent Mode(동시 모드)는 React에서 UI 업데이트를 비동기적으로 처리하여 렌더링 성능을 향상시키는 기능입니다. 기존 React의 렌더링 방식은 동기적으로 이루어졌으며, 한 번 렌더링이 시작되면 끝날 때까지 멈출 수 없었습니다. 하지만 Concurrent Mode를 활성화하면 UI 응답성이 더욱 좋아지고, .. 더보기 이전 1 다음
