React useEffect가 무한 반복 실행돼요
useEffect가 상태 변경 또는 새 참조값 때문에 반복 실행되는지 확인하는 가이드입니다.
빠른 답변
effect 안에서 변경한 값이 다시 의존성을 바꾸는지 확인합니다. effect가 외부 시스템과 동기화하지 않는다면 effect 자체가 필요한지도 검토합니다.
- 적용 범위
- 이 가이드의 시작 증상과 각 분기 조건이 일치하는 경우문맥: 바이브 코딩
- 출처
- React
- 출처 확인일
- 2026-08-04
- 최종 검토
- 2026-08-04
- 수정일
- 2026-08-04
- 정정 이력
- 2026-07-29 이후 기록 없음
- 대상
- 사이트 운영자, 웹 에이전시, 프리랜서
이 가이드가 맞는 경우
- 애플리케이션 오류 메시지
- 성능 저하
상황별 다음 단계
호스팅사·개발자에게 전달할 내용
변경 전 기록
- 반복 요청 횟수, 간격, 의존성 값을 기록합니다.
- 토큰·쿠키·개인정보는 전달하지 않습니다.
알아둘 점
확인 순서
- 같은 API 요청이 반복되는 횟수와 간격을 기록합니다.
- effect의 의존성 값이 실행 전후에 어떻게 바뀌는지 비교합니다.
- effect 안의
setState가 의존성 값을 직접 또는 간접적으로 변경하는지 찾습니다. - 함수·객체·배열을 렌더링마다 새로 만들어 의존성에 넣었는지 확인합니다.
- 조건이 일치하면 React useEffect가 상태 변경 때문에 무한 반복 실행됨을 확인합니다.
Strict Mode의 개발 검증 실행과 실제 무한 반복을 구분하십시오. 의존성 배열을 비우거나 rate limit을 해제하는 방식으로 끝내지 마십시오.
참고 자료
useEffect | React (새 창에서 열림)
React · 공식 자료 · 확인 범위: effect가 상태를 갱신하고 그 상태가 의존성을 바꾸면 반복되는 순환이 생길 수 있습니다. · 확인일: 2026-08-04