요청 표준화
baseURL과 timeout 고정Axios 인스턴스에서 공통 설정을 맞춰 컴포넌트마다 다른 요청 방식을 줄입니다.
상태 분리
로딩·오류·성공을 따로 렌더링커스텀 훅은 요청 결과, 대기 여부, 오류 메시지를 분리해 UI가 조건 분기만 렌더링하게 만듭니다.
CRUD 연결
목록·상세·작성 후 다시 불러오기데이터 변경 후 목록 갱신과 실패 안내까지 한 사용자 흐름으로 봅니다.
요청 상태 기준
- 요청 중 버튼 중복 클릭이나 빈 화면이 생기지 않는지 봅니다.
- 네트워크 실패와 서버 오류 메시지를 같은 방식으로 숨기지 않습니다.
- 생성·수정·삭제 뒤 목록이 최신 상태로 다시 보이는지 확인합니다.
화면 상태
loading
대기 중
스피너·버튼 잠금
error
실패
원인 표시·재시도
data
성공
목록·상세 렌더링