(React) axios 라이브러리 사용하기

1. axios란?

• Make XMLHttpRequests from the browser
• Make http requests from node.js
• Supports the Promise API
• Intercept request and response
• Transform request and response data

axios github의 설명에 따르면 httprequests을 만들고, Promise API를 지원하며 data변환까지 지원해주는 라이브러리

(출처: https://github.com/axios/axios)

2. axios 설치

yarn을 사용하고 있어서 프로젝트에 간편하게 설치했음

yarn add axios

package에서 설치확인이 되면 해당 프로젝트에서 import 시킨 후 사용하면 됨

import axios from 'axios';

3. axios 사용예시 (GET방식)

const httpC = axios.create({
  baseURL: 'URL',
  params: {key를 넣을 수 있음},
});

async method명() {
        const result = await this.객체.get('요청검색어', {
            params: {
                여러가지 parameters
            }
        });
        return result.data;
    }

유료강의 코드여서 전체 코드를 올리진 못해서 어떻게 작동하는지라도 올림ㅠㅠ

promise API이기 때문에 async, await를 함께 사용

4. axios 장점

fetch API를 많이 사용해본 건 아니지만, 훨씬 가독성이 좋고 지원도 많이 해주며

받아오려는 정보가 어떤건지 이해하기가 쉬운 장점이 있다.

또 json으로 따로 변환하기 않아도 함께 변환해줘서 편리하다.