Async state UX

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

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

01

기다림

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

02

실패

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

03

복구

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

1

start

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

2

resolve

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

3

reject

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

4

boundary

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