effect 내부에서 참조하는 props, state, 함수가 실행 조건에 반영되는지 확인합니다.
effect depth
useEffect 의존성·클린업 설계
effect가 너무 자주 돌거나 덜 도는 문제는 대부분 의존성 배열과 정리 함수의 책임이 흐려질 때 생깁니다.
다음 effect 실행 전과 언마운트 때 이전 구독이나 타이머를 정리합니다.
App에서 값 변경, 마운트 해제, 재마운트를 직접 확인해 실행 횟수를 검증합니다.
빈 배열, 생략, 특정 값 배열의 차이를 설명한다.
이전 작업이 남아 중복 실행되지 않는지 본다.
오래된 state를 읽는 클로저 문제가 없는지 확인한다.
렌더링 계산과 외부 동기화를 effect 안팎으로 분리한다.