Axios 란 ?
웹 브라우저와 Node.js를 위한 HTTP 비동기 통신 라이브러리. Promise 객체를 기반으로 만들어지며 Ajax처럼 API를 이용한 비동기 통신을 할 때 주로 사용한다
- Ajax (비동기 자바스크립트) : 브라우저의 XMLHttpRequest 객체를 이용해 화면 전체를 새로고침하지 않고 일부 변경된 데이터만 로드하는 비동기 처리
fetch와 Axios 의 차이
feth는 내장함수이고, Axios는 따로 설치하거나 import 해주어야 한다.
axios의 브라우저 호환성이 더 좋으며 fetch는 요청 후 반환받은 응답을 .json() 을 통해 변환 시켜주어야 하는 반면, axios 는 요청 후 반환 시 자동으로 변환해주기 때문에 효과적이다.
Axios 사용법
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>다음 cdn script를 입력한다.
axios.get(url) // get을 통해 url에 요청을 한 후
.then( res => {
console.log(res.data) // 자동 변환된 데이터를 출력함
})