Fetch 요청은 네 단계로 점검한다
엔드포인트와 옵션을 정하고, HTTP 상태를 확인하고, 본문을 파싱하고, 화면 상태로 분기해야 안정적인 요청 코드가 된다.
| 단계 | 핵심 질문 | 대표 코드 | 위험 신호 |
|---|---|---|---|
| 1 요청 구성 | 서버 계약과 맞는가 | fetch(url, options) | 인증/헤더/body 누락 |
| 2 상태 확인 | 성공 응답인가 | if (!res.ok) throw | 404를 성공처럼 처리 |
| 3 본문 읽기 | 어떤 형식인가 | await res.json() | 빈 body 파싱 오류 |
| 4 UI 반영 | 성공/오류/취소가 나뉘나 | setState, catch, finally | loading이 남음 |
Fetch 다이어그램은 화살표보다 요청 수명과 화면 상태가 어디서 갈라지는지를 보여야 한다.