Axios / Fetch

Duboo·2023년 10월 5일
0

서버에 API 요청을 보내기 위한 대표적인 2가지 방법


Fetch

ES6부터 모던 브라우저에 내장되어 있는 JavaScript 라이브러리

Axios

패키지 매니저를 통해 설치하여 사용할 수 있는 서드파티 라이브러리로

Fetch 와 axios는 모두 promise 기반의 HTTP 클라이언트로 이 클라이언트를 이용해 네트워크 요청을 하면 이행(resolve) 혹은 거부(reject)할 수 있는 promise가 반환됩니다

Axios 설치

NPM 설치
npm install axios

Yarn 설치
yarn add axios

사용 방법 1

import axios from "axios";

사용 방법 2

<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

차이

가증 큰 차이점은

사용하기 위해 설치가 필요한가 혹은 내장된 라이브러리로 설치가 필요없는가
JSON 데이터로 변환을 자동으로 해주는가 아닌가

이 외에도 많은 차이점이 있지만 사용하면서 가장 먼저 확인할 수 있는것은 위 두가지입니다.

profile
둡둡

0개의 댓글