Hooks

usetState : 가장 기본적인 Hook이다. 함수형 컴포넌트에서도 가변적인 상태를 지닐 수 있게 해준다.

 

useEffect : 리액트 컴포넌트가 렌더링될 때마다 특정 작업을 수행하도록 설정할 수 있는 Hook

cleanup (뒷정리 함수) : useEffect는 기본적으로 렌더링하고난 직후에 실행되며, 두 번째 파라미터 배열에 무서을 넣는지에 따라 실행조건이 달라진다. 컴포넌트가 언마운트되기 전이나 업데이트되기 직전에 어떠한 작업을 수행하고 싶다면 useEffect에서 뒷정리 함수를 반환해 주어야 한다.

 

useReducer : useState보다 더 다양한 컴포넌트 상황에 따라 다양한 형태를 다른 값으로 업데이트 해주고 싶을때 사용한다. 현재상태, 업데이트를 위해 필요한 정보를 담은 액션값을 전달받아 새로운 사태로 반환하는 함수
useReducer의 첫번째 파라미터에는 리듀서 함수를 넣고, 두번째 파라미터에는 해당 리듀서의 기본 값을 넣어준다. state와 dispatch함수를 받아오는데 state는 현재 가리키고 있는 상태, dispatchy는 약샌을 발생시키는 함수이다.

 

useMemo : 함수형컴포넌트 내부에서 발생하는 연산을 최적화할 수 있다.

 

useCallback : useMemo와 비슷하며 주로 렌더링 성능을 최적화 해야하는 상황에서 사용한다. Hook을 사용하면 이벤트 핸들러 함수를 필요할 때만 생성할 수 있습니다. 첫번째 파라미터에는 생성하고 싶은 함수를 넣고 두번째 파라미터에는 배열늘 넣는다. 이 배열에는 어떤 값이 바뀌었을 때 함수를 새로 생성해야하는지 명시해야한다.

 

useRef : Hook은 함수형 컴포넌트에서 ref를 쉽게 사용하게 해준다. useRef를 사용하여 ref를 설정하면 useRef를 통해 만든 객체 안의 current값이 실제 엘리먼트를 가리킨다.
컴포넌트 로컬 변수를 이용할 경우에도 useRef를 사용할 수 있다. 로컬변수란 렌더링과 상관ㅇ벗이 바뀔 수 있는 값을 의미.