axios 라이브러리 소개

Axios는 브라우저와 Node.js에서 Promise 기반 요청을 실행하고, 응답 body와 오류 객체를 일관된 형태로 돌려줍니다.

프로젝트에 axios를 추가한 뒤 API 주소, timeout, 공통 header를 인스턴스 설정으로 분리합니다.

컴포넌트에서는 인스턴스를 호출하고, 화면 상태는 loading, success, error로 나누어 처리합니다.

여러 API 요청에서 공통적으로 적용해야 할 설정(예: 기본 URL, 헤더, 타임아웃)이 있다면 Axios 인스턴스에 묶어 요청 코드의 중복과 누락을 줄입니다.