request states

로딩·에러·빈 데이터 UI 분기표

데이터 페칭 UI는 한 개의 메시지가 아니라 요청 상태와 데이터 유무에 따라 선택되는 화면 집합입니다.

사용자에게 보여줄 화면

render branch

loading

스피너, 스켈레톤, 버튼 비활성화로 대기 상태를 알립니다.

error

문제 원인과 재시도 버튼을 같은 구역에 둡니다.

empty

성공했지만 표시할 항목이 없다는 상태를 별도로 표현합니다.

success

데이터 렌더와 다음 행동을 자연스럽게 이어줍니다.

상태
데이터
표시 UI
복구 동선
loading
무관
대기 UI와 입력 잠금
요청 취소나 화면 이탈 허용
error
없음
친화적 메시지와 원인 요약
재시도, 뒤로가기, 로그 기록
success
빈 배열
빈 상태 안내와 생성 버튼
필터 초기화나 새 항목 작성