[📚 라이브러리] Axios 사용법

Axios

Axios 자바스크립트에서 지원하는 fetch와 비슷한 역할을 하는 써드파티 라이브러리이다.

• 써드파티 라이브러리로 별도의 설치가 필요
• 자동으로 JSON 데이터 형식으로 변환해주므로 편리하다

Axios 설치

npm install axios

Axios 실습 예제

import axios from 'axios';

// Promise ver
axios
  .get('https://koreanjson.com/users/1')
  .then((response) => {
    const { data } = response;
    console.log(data);
  })
  .catch((error) => console.log(error));

// Async / Await ver
// async function request() {
//   const response = await axios.get('https://koreanjson.com/users/1');
//   const { data } = response;
//   console.log(data);
// }

// request();

const appDiv = document.getElementById('app');
appDiv.innerHTML = `
<h1>Axios ☺️</h1>
<h3>console 창을 확인해주세요! 👇👇👇</h3>
`;