Axios

Axios 요청 수명 주기와 인스턴스 구조

Axios 인스턴스는 기본 URL, 헤더, 인터셉터를 묶고 요청/응답/에러 처리를 한 경로로 정리한다.

컴포넌트 요청이 API 응답으로 돌아오는 흐름

http client

컴포넌트 호출

이벤트나 effect에서 API 함수를 호출한다.

Axios 인스턴스

baseURL과 공통 헤더를 적용해 요청을 만든다.

인터셉터

토큰 추가, 응답 정규화, 공통 에러 처리를 담당한다.

상태 반영

성공/실패 결과를 loading, data, error 상태로 나눈다.

Componentaxios instanceinterceptorAPI serverstate
요청 수명 해석

Axios를 쓰는 이유는 fetch보다 짧아서가 아니라 요청 정책을 한곳에 모으기 좋기 때문이다.