1. Hook이란?

Components
Function Component ClassComponent
ㄴ state 사용 불가 ㄴ 생상자에서 state를 정의
ㄴ Lifecycle에 따른 기능 구현 불가 ㄴ setState() 함수를 통해
state 업데이트
ㄴ Lifecycle methods 제공

⇒ class component는

state 와 관련된 기능 뿐만 아니라

컴포넌트의 생명주기 함수들까지 모두 명확하게 정의되어 있음

⇒ function component는

코드가 굉장히 간결하나,

별도로 state를 정의해서 사용하거나

컴포넌트의 생명주기에 맞춰 어떤 코드가 실행될 수 있도록 할 수 없었음

따라서 함수 컴포넌트에 훅이 이러한 기능을 제공하기 위해 나옴!

스크린샷 2023-11-08 오후 3.56.58.png

2. 대표적인 Hook

1) useState

2) useEffect

3) useMemo