Axios vs Fetch

Ajax(Asynchronous Javascript And Xml)

JavaScript를 사용한 비동기 통신이며, 클라이언트와 서버간의 XML 데이터를 주고받는 기술이다.
XMLHttpRequest객체를 이용해서 전체 페이지를 리로드하지 않고 필요한 데이터만 로드할 수 있다.

 

Axios vs Fetch

	axios	fetch
장점	거의 모든 브라우저에서 지원 응답 시간 초과 설정 가능 JSON 데이터 자동변환 가능 node.js에서 사용 사용 request aborting(요청 취소) 가능 요청을 하던 중간에 실패할 경우, .then을 실행하지않고 catch가 실행	JavaScript의 내장 라이브러리이므로 import 없이 사용 가능 라이브러리 업데이트에 따른 오류 발생 방지(react native는 업데이트가 잦아서 라이브러리가 쫓아오는 경우가 많음, fetch를 쓰면 이를 방지) response timeout API를 제공하지 않아 네트워크 오류가 발생할 경우 계속 기다림
단점	많은 기능을 지원하는 만큼 무거움	일부 브라우저에선 지원 x
공통점	return: Promise Object

 

참고

velog.io/@leeeeunz/TIL-35.-axios%EC%99%80-fetch%EC%9D%98-%EC%B0%A8%EC%9D%B4%EC%A0%90