Hooks
Hooks는 React 버전 16.8부터 도입된 기능으로, 클래스 컴포넌트로 사용하던 기능을 함수 컴포넌트에서도 사용할 수 있도록 해주는 함수
🧊 useState
useState는 함수 컴포넌트에서 상태를 관리할 수 있게 해주는 Hook
🧊 useEffect
useEffect는 리액트 컴포넌트가 렌더링 될 때 마다 특정 작업을 수행하도록 설정할 수 있는 Hook
🧊 useReducer
useReducer는 useState를 대체할 수 있는 state를 관리하는 Hook
🧊 useMemo
useMemo는 컴포넌트의 성능을 최적화시킬 수 있는 대표적인 Hook
- Memo(Memoization) : 기존에 수행한 연산의 결과를 저장해두고 동일한 입력이 들어오면 재활용하는 프로그래밍 기법
🧊 useCallback
useCallback은 React의 렌더링 최적화를 위해 사용하는 Hook
🧊 useRef
useRef는 특정한 DOM 요소에 접근이 가능하면, 불필요한 재렌더링을 하지 않음
- 컴포넌트가 렌더링이 되어도 컴포넌트가 언마운트되기 전까지 값을 그대로 유지
const 변수명 = useRef(초기값){current: 초기값}을 지닌 객체 반환
반환 요소에 접근
<input ref={변수명} />
<br><br>
## 커스텀 Hooks 만들기
