로딩과 에러는 사용자의 다음 행동을 정한다

데이터 요청 화면은 성공 결과만 드러내는 곳이 아니라 기다림, 실패, 재시도, 빈 결과를 모두 안내하는 상태 기계입니다.

01

기다림

요청 중에는 skeleton, spinner, 비활성 버튼으로 중복 행동을 줄입니다.

02

실패

HTTP 오류, 네트워크 오류, 렌더 오류를 같은 메시지로 뭉개지 않고 분리합니다.

03

복구

재시도, 이전 화면, 홈 이동처럼 사용자가 선택할 수 있는 다음 행동을 둡니다.

1

start

요청 시작 시 이전 에러와 로딩 값을 정리합니다.

2

resolve

성공 시 데이터와 빈 결과를 분리합니다.

3

reject

실패 원인에 맞는 메시지를 표시합니다.

4

경계

렌더 오류는 Error Boundary로 격리합니다.