- useState는 함수형 컴포넌트에서 상태 관리를 가능하게 하는 React 훅 🪄.
- 클래스형 컴포넌트는
this.state
로 인스턴스 프로퍼티로 상태 관리, 함수형 컴포넌트는 렌더링 시 함수 재실행되므로 클로저를 통해 상태 유지 🗝️. - 직접 구현한 useState는 클로저를 사용하여 상태를 외부에서 관리, 컴포넌트 실행 후에도 상태 유지 📦.
- 여러 state 관리를 위해 배열을 사용하고,
currentStateKey
로 인덱스를 추적하여 상태를 관리 🗂️. - 훅 규칙에 따라 최상위에서만 훅을 호출해야 하며, 반복문/조건문 내 호출 시 상태 꼬임 발생 🚨.
- 실제 useState는 컴포넌트별 상태 분리, 리렌더링 로직, 배치 처리 등 더 복잡한 로직 포함 ⚙️.