Axios

fetch api와 비슷한 역할을 하는 라이브러리
브라우저, node.js를 위한 promise api를 활용하는 http 비동기 통신 라이브러리이다
써드파티 라이브러리로 설치가 필요합니다.npm install axios
자동으로 JSON데이터 형식으로 변환됩니다.

---

# get요청
일반적으로 정보를 요청하기 위해 사용되는 메서드.
첫번째인자에는 url주소.  이건필수다
두번째인자에는 요청시 사용할수있는 옵션들을 설정하게 된다. 옵션의 경우 필수는 아니다.

axios.get("url"[,config])

# post요청
서버에게 데이터를 보내기위해 사용되는 메서드.
첫번째인자에는 url주소가 들어간다. 필수다.
두번째인자에는 요청시 보낼 데이터를 설정하게 된다. 옵션의 경우 필수는 아니지만 상황에따라 설정해주어야한다.

axios.post("url"[, data[, config]])

---

#get요청 예시

import axios from 'axios';
// axios를 사용하기 위해서는 설치한 axios를 불러와야 합니다.

// Promise ver
axios
  .get('https://koreanjson.com/users/1')
  .then((response) => {
    console.log(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);
// }

# post 요청 예시

import axios from 'axios';
// axios를 사용하기 위해서는 설치한 axios를 불러와야 합니다.

// Promise ver
axios
  .post('https://koreanjson.com/users', { nickName: 'ApeachIcetea', age: '20' })
  .then((response) => {
    const { data } = response;
    console.log(data);
  })
  .catch((error) => console.log(error));


// Async / Await ver
// async function request() {
//   const response = await axios.post('https://koreanjson.com/users', {
//     name: 'ApeachIcetea',
//     age: '20',
//   });
//   const { data } = response;
//   console.log(data);
// }