axios 인스턴스

fetch와 달리 axios는 JSON 변환, baseURL, headers, timeout, interceptor 같은 요청 정책을 한 인스턴스에 모아 재사용하기 쉽습니다.

1

axios.get

응답 객체의 data를 기준으로 화면 상태를 업데이트하고 try catch로 실패를 처리합니다.

2

instance

baseURL, timeout, 공통 header를 axios.create로 묶어 API 모듈에서 재사용합니다.

3

useEffect

컴포넌트 수명 주기에 맞춰 요청을 보내고 cleanup 또는 취소 흐름을 함께 고려합니다.

4

baseURL

환경별 API 주소가 한곳에서 관리됩니다.

5

timeout

무한 대기 대신 실패로 전환할 기준이 있습니다.

핵심axios 인스턴스은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.