유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

[10분 테코톡] 머핀의 useState의 마법

우아한테크

2025. 7. 25.

0

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

Recommanded Videos