effect deps

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

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

01 Render 값 계산 dependency 후보 생성
02 Compare 이전 deps와 비교 얕은 비교
03 Cleanup 이전 effect 정리 구독/타이머 해제
04 Effect 새 작업 실행 동기화 수행
deps
실행 시점
주의
없음
매 렌더 후
무한 업데이트 위험
[]
마운트 후 1회
초기값 고정
[value]
value 변경 때
참조 안정성 확인
cleanup
다음 실행 전
누수 방지
핵심 dependency 배열은 최적화 옵션이 아니라 effect가 어떤 값과 동기화되는지 적는 계약이다.