API 요청 상태와 화면 분기

API 화면은 성공 목록 하나가 아니라 요청 중, 실패, 빈 결과, 성공 화면을 명시적으로 나누어야 멈춘 화면처럼 보이지 않는다.

request

요청 시작

컴포넌트가 필요한 데이터를 요청하고 이전 오류를 비운다. · setLoading(true)

loading

대기 화면

버튼을 잠그고 스켈레톤으로 공간을 유지한다. · disabled + skeleton

3

data

응답이 있으면 목록, 상세, 작성 결과를 최신 데이터로 그린다.

4

error

서버 오류나 네트워크 실패는 원인 메시지와 재시도 버튼을 보여준다.

5

empty

성공했지만 데이터가 없으면 빈 상태 안내와 다음 행동을 둔다.

핵심API 요청 상태와 화면 분기은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.