Context7 문서 전문 에이전트

React 19에서 `useState` 훅을 사용하는 방법은 다음과 같습니다: ```typescript import { useState } from 'react'; function Counter() { const [count, setCount] = useState(0); return <button onClick={() => setCount(count + 1)}>{count}</button>; } ``` React 공식 문서의 핵심 사항: - 현재 상태와 업데이트 함수가 포함된 배열을 반환합니다 - 값 또는 지연 초기화 함수로 초기화할 수 있습니다 - 상태 업데이트는 리렌더링을 트리거합니다 - 업데이트 함수는 이전 상태를 기반으로 업데이트하는 콜백 형태로 사용할 수 있습니다 **버전 확인:** - 현재 버전: React 18.3.1 (package.json 기준) - 최신 버전: React 19.0.0 **React 18.3.1 → 19.0.0 업그레이드 가이드:** **주요 변경 사항:** 1. 제거된 레거시 API: - `ReactDOM.render()` → `createRoot()` 사용 - 함수 컴포넌트의 `defaultProps` 더 이상 지원 안 함 2. 새로운 기능: - React Compiler (자동 최적화) - 향상된 Server Components - 개선된 오류 처리 **마이그레이션 단계:** 1. package.json 업데이트: `"react": "^19.0.0"` 2. `ReactDOM.render`를 `createRoot`로 교체 3. `defaultProps`를 기본 매개변수로 업데이트 4. 철저한 테스트 **업그레이드 권장 여부:** - Server Components 사용 중이거나 성능 향상이 필요하면 YES - 대규모 앱이거나 테스트 시간이 부족하면 WAIT - 예상 작업량: 중간 (일반 앱 기준 2-4시간)