Axios

공식 Docs에 보면 이렇게 설명이 되어져 있다.
늘 그렇듯 Docs는 외계어다
찬찬히 뜯어보자

Axios?

-->백엔드와 프론트엔드를 연결해주는 녀석
->연결=통신

물론 코드를 작성하는 것만으로는 못쓰고 추가 패키지를 설치해줘야 한다.
설치방법은 Docs참고..

자바스크립트에도 fetch api라는 녀석이 유사한 기능을 수행하고 있으나
axios에는
{요청취소,
타임아웃,
http요청 인터셉트,
다운로드 진행 지원,
다양한 브라우저 지원,} 등의 fetch api에는 없는 무구한 장점들이 있다. 패키지를 설치하는 비용을 지불할 가치가 있음.

사용법(예제code)

//get request
const axios = require('axios').default;

//GET요청 수행
const axios = require('axios');

// 지정된 ID를 가진 유저에 대한 요청
axios.get('/user?ID=12345')
  .then(function (response) {
    // 성공 핸들링
    console.log(response);
  })
  .catch(function (error) {
    // 에러 핸들링
    console.log(error);
  })
  .then(function () {
    // 항상 실행되는 영역
  });

// 선택적으로 위의 요청은 다음과 같이 수행될 수 있습니다.
axios.get('/user', {
    params: {
      ID: 12345
    }
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  })
  .then(function () {
    // 항상 실행되는 영역
  });  

// async/await 사용을 원한다면, 함수 외부에 `async` 키워드를 추가하세요.
async function getUser() {
  try {
    const response = await axios.get('/user?ID=12345');
    console.log(response);
  } catch (error) {
    console.error(error);
  }
}

코드 출처:Axios Docs