(1) - axios 설치 & 특징 & 문법 정리

📌AXIOS란?

👉axios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP비동기 통신 라이브러리이다.
👉쉽게 말해서 백엔드와 프론트엔드가 통신을 쉽게하기 위해 Ajax와 더불어 사용한다.
👉이미 자바스크립트에는 fetch api가 있지만, 프레임워크에서 ajax를 구현할 땐 axios를 쓰는 편이라고 보면 된다. 

📌AXIOS특징

👉운영 환경에 따라 브라우저의 XMLHyypRequest 객체 또는 Node.js의 http의 http api사용
👉Promise(ES6) API 사용
👉요청과 응답 데이터의 변형
👉HTTP 요청 취소
👉HTTP 요청과 응답을 JSON 형태로 자동 변경

axios	fetch
써드파티 라이브러리로 설치가 필요하다.	현대 브라우저 빌트인이라 설치가 필요 없다.
XSRF 보호를 해준다	별도 보호가 없다.
data 속성을 사용한다	body 속성을 사용한다.
data는 Object를 포함한다	body는 문자열화되어있다.
status가 200이고 statusText가 'OK'이면 성공이다	응답객체가 ok속성을 포함하면 성공이다.
자동으로 JSON데이터 형식으로 변환된다	.json()메서드를 사용해야 한다.
요청을 취소할 수 있고 타임아웃을 걸 수 있다	x
HTTP 요청을 가로챌 수 있다	x

즉 axios는 별도의 설치가 필요하다는 단점이 있지만 그것을 커버할 만한 fetch보다 많은 기능 지원과 문법이 조금이나마 간소화 된다는 장점이 있다는 것을 볼 수 있다.
따라서 간단하게 사용할 때는 fetch를 쓰고, 이외의 확장성을 염두해봤을 땐 axios를 쓰면 좋다고 보면 된다.