effect 진입
의존성 배열 기준으로 실행 시점을 고정합니다.
데이터 페칭 effect 실행 점검 기준
effect 콜백은 동기 함수로 유지하고, 내부 async 함수가 요청과 상태 전환을 담당하게 나누면 cleanup과 의존성 변경을 추적하기 쉽습니다.
마운트부터 렌더 분기까지
effect cycleasync 함수
effect 내부에서 정의하고 즉시 호출합니다.
요청 상태
loading, error, data를 한 요청 단위로 갱신합니다.
cleanup
언마운트나 값 변경 시 이전 요청을 정리합니다.
렌더 선택
로딩, 오류, 성공 화면을 명시적으로 분기합니다.
의존성
요청 타이밍
주요 리스크
[]
첫 마운트에 초기 목록을 한 번 조회
언마운트 전 응답 도착 여부 확인
[userId]
파라미터가 바뀔 때 상세 데이터 재조회
오래된 응답이 최신 화면을 덮지 않게 취소