데이터 연동 페이지는 입력, 요청, 상태, 화면을 한 흐름으로 묶는다
검색 조건이나 route param이 요청 입력이 되고, 응답 결과가 UI 상태로 나뉘어 화면에 반영된다.
Input
param/filter
요청 조건
Request
fetch/axios
취소와 로딩
State
data/error/loading
화면 분기
View
list/detail/form
사용자 조작
부분
확인
실패 신호
입력
URL/state와 일치
조건 불일치
요청
중복/취소 처리
race condition
상태
빈/오류 분기
무한 로딩
화면
재시도/피드백
침묵 실패