위와 같이 사용하면 ref 변수 에는 아래와 같은 객체가 저장된다. useRef 를 통해 저장된 객체는 mount 된 이후부터 unmount 될 때까지 값이 저장된다. useRef의 용법 저장공간 DOM 요소로의 접근 저장공간으로써의 useRef는 useStat
각 컴포넌트는 하위 컴포넌트에게 prop을 통해 특정 데이터 전달을 수행한다.prop은 목적지 컴포넌트로 가는 모든 컴포넌트를 거치기 때문에, 이런 컴포넌트의 깊이가 너무 깊어지면 코드가 굉장히 복잡해질 수 있다. 이것을 props drilling이라 하며, props

React Hook 의 ⭐️첫번째 기능 useState..State ? 컴포넌트의 현재 상태를 말한다.기본 구문useState는 위처럼 두가지 요소를 배열형태로 반환합니다.이 때, state 는 초깃값을 저장하는 변수이며setState는 해당 state 값을 변경해주는

어떤 컴포넌트가 Mount, Update, Unmount 와 같은 상황에서 동작하는 작업을 명시하는 함수기본구문위 처럼 두가지 유형(인자값)이 존재합니다.1\. 콜백함수2\. 콜백함수 , 배열콜백함수만 존재하는 1번 유형의 경우, 컴포넌트가 렌더링 될 때마다 useEf

Index1\. 목적(2. 사용방법(3. 코드 및 설명(useMemo 에서 memo 는 Memoization에서 따온 것이다.어떤 계산을 반복적으로 수행해야 할 때, 이를 매번 계산하지 않고처음 계산한 값을 메모리에 저장하고 추후에는 불러와 사용하여 최적화를 달성한다.

useReducer?(2. 간단한 코드 및 설명(3. 실행화면(useState와 비슷하게, state를 생성하고 관리해주는 도구❓그럼 useState와 비교해서 언제 쓰는데 ?더 복잡한 state를 생성할 때,⭐️ 구성요소Reducer : state를 직접적으로 관리하