React Hook 정복하기: useState와 useEffect의 원리부터 실전까지
·
📚 Dev Log
1️⃣ React Hook의 내부 동작 원리 – 구조와 렌더링 사이클 Fiber와 Hook의 구조Fiber란?React의 내부 렌더링 엔진에서 사용하는 자료 구조로, 컴포넌트 트리를 표현함각 Fiber Node는 컴포넌트의 상태, props, Hook 정보 등을 담고 있음Hook 연결 구조각 컴포넌트는 고유한 Fiber에 대응되며, Hook은 해당 Fiber 내에서 연결 리스트(Linked List)로 관리됨interface Hook { memorizedState: any; // 현재 상태 값 baseState: any; // 기준 상태 baseQueue: Update; // 업데이트 큐 next: Hook | null; // 다음 H..