useEffect 데이터 페칭 실행 점검 기준

effect 콜백은 동기 함수로 유지하고, 내부 async 함수가 요청과 상태 전환을 담당하게 나누면 cleanup과 의존성 변경을 추적하기 쉽습니다.

useEffect 데이터 페칭 실행 점검effect 콜백은 동기 함수로 유지하고, 내부 async 함수가 요청과 상태 전환을 담당하게 나누면 cleanup과 의존성 변경을 추적하기…
1

마운트부터 렌더 분기까지

의존성 배열 기준으로 실행 시점을 고정합니다.

2

async 함수

effect 내부에서 정의하고 즉시 호출합니다.

3

요청 상태

loading, error, data를 한 요청 단위로 갱신합니다.

4

cleanup

언마운트나 값 변경 시 이전 요청을 정리합니다.

5

렌더 선택

로딩, 오류, 성공 화면을 명시적으로 분기합니다.

핵심useEffect 데이터 페칭 실행 점검 기준은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.