Whaaat is axios...?

❓Axios는 무엇?

: Promise based HTTP client for the browser and node.js

 axios는 HTTP 비동기 통신 라이브러리로 백엔드와 프론엔드랑 통신을 더 쉽게 하게 해준다. fetch의 경우, 일부 예전 브라우저와 호환되지 않는다는 단점이 있는데 axios는 이 때, 이전 브라우저와 호환이 가능하도록 XMLHttpRequest 객체를 사용해준다. 뿐만 아니라 직접 response를 json 형태로 변경해줘야 했던 fetch와 달리 자동으로 변경해주기 때문에 가독성이 높아진다는 장점이 있다.

🌱  Axios 특징

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

사용방법은 해당 깃허브 에서 자세히 확인할 수 있다!

 

Browser 호환성을 살펴보자면 아래와 같다.

✋ 그렇다면 이쯤에서 fetch가 뭔지 궁금해진다

fetch는 WEB API로 Reqeust, Response와 같은 HTTP 파이프라인을 구성하는 요소를 조작하여 비동기 네트워크 통신을 할 수 있다. 이전에 제공했던 XMLHttpRequest의 대체제로 현재 쓰이고 있다.

 

fetch 또한 MDN 공식 문서를 보면 더 자세히 알 수 있다.

 

브라우저의 세계는 참으로 넓고도 넓다..^____^