useEffect dependency 배열은 effect를 다시 실행할 기준이다

렌더 뒤 React는 dependency 값을 이전 렌더와 비교한다. 달라진 값이 있으면 cleanup 후 effect를 다시 실행한다.

useEffect dependency 배열은 effect를 다…렌더 뒤 React는 dependency 값을 이전 렌더와 비교한다. 달라진 값이 있으면 cleanup 후 effect를 다시 실행한다.
1

01 Render

값 계산

2

02 Compare

이전 deps와 비교

3

03 Cleanup

이전 effect 정리

4

04 Effect

새 작업 실행

핵심dependency 배열은 최적화 옵션이 아니라 effect가 어떤 값과 동기화되는지 적는 계약이다.