요청 전
URL, method, headers, body, signal을 만들고 이전 요청 키와 비교합니다.
Fetch UI 상태 전환
네트워크 요청은 response.ok 확인에서 끝나지 않습니다. 사용자가 보는 화면은 대기, 성공, 빈 결과, 실패, 취소 상태를 모두 가져야 합니다.
대기 중
버튼 중복 클릭을 막고, 화면에는 현재 데이터가 갱신 중임을 표시합니다.
응답 성공
2xx 응답이면 본문을 파싱하고 최신 요청인지 확인한 뒤 상태를 반영합니다.
빈 결과
정상 응답이지만 배열이 비었거나 표시할 값이 없으면 별도 안내를 표시합니다.
실패 처리
HTTP 오류, 네트워크 실패, AbortError를 구분해 재시도와 무시 조건을 나눕니다.
핵심Fetch UI 상태 전환은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.