Axios란?

Axios란?

Axios는 JavaScript와 Node.js에서 사용되는 Promise 기반 HTTP 클라이언트 라이브러리입니다.

$ yarn add axios // axios 추가

• Axios의 기본문법

axios({
  url: 'http://localhost:3000', // 통신할 웹문서
  method: 'get', // 통신 방식
  data: { // 보낼 데이터
    foo: 'good'
  }
})

• 이런식으로 http method도 붙일 수 있다.

axios.get(url, {
  // 설정 옵션
});

Axios와 Fetch의 차이점?

[데이터 넘기는 방법]
axios : 객체로 넘김
fetch : string화 해서 넘김

[정상적인 요청/응답 체크]
axios : status 값이 200인지, statusText를 통해서 확인
fetch : response 객체가 ok프로퍼티를 포함하는지 확인

[response 얻는 방법]
axios : response 객체의 data property에 접근하여 얻는다.
fetch : response 객체에 .json() 메소드를 호출하여서 json객체를 얻는다.

Fetch는 모던 브라우저에서 기본적인 HTTP 요청을 처리하기에 좋고, Axios는 다양한 환경에서 더 많은 기능과 유연성을 제공한다.