학습목표

• 리액트 고급 훅에 대해 탐구해보기
• 리액트 커스텀 훅 만들어보기
• React memo, useCallback을 사용해서 앱 최적화하기
• 리액트에서의 불변성에 대해 알기
  • state와의 관련성에 대해서 확인하기

훅이란?

리액트 훅

: 함수형 컴포넌트에서도 직관적인 함수를 이요하여 작업할 수 있게 만든 기능

• 상태 관련 로직 추상화 가능
• 재사용, 테스트 가능
• 계층의 변화 없이 상태 관련 로직 재사용

사용 규칙

1. 최상위 레벨에서만 호출 가능

   → 반복문, 조건문, 중첩함수 내부에서 호출 X

2. 리액트 함수 컴포넌트 내에서만 호출 가능

훅의 종류

useState()

const [state, setState] = useState(initialState);