ajax, fetch, axios 비교

Ajax

• 비동기 http 통신 기술이다.
• promise 기반이 아니다.
• Jquery와 호환이 잘 된다.
• xhr 객체를 이용해서 필요한 데이터를 불러온다. (xhr은 다루기가 불편하다.)

Fetch

• es6부터 생긴 js 내장 라이브러리이다.
• axios에 비해 기능이 부족하다.
• promise 객체로 return 되어 response 데이터를 다루기 쉽다.

Axios

• npm install axios로 설치되는 라이브러리
• promise 객체로 return 되어 response 데이터를 다루기 쉽다.
• fetch에는 없는기능이 존재한다.

비교

간단한 통신의 경우, fetch를 사용해도 좋다. 또한 react-native의 경우, 안정성을 위해 fetch를 사용하는 것이 좋다.

그러나 웬만한 경우는 axios를 사용하는 것이 좋다. axios가 fetch의 상위 호환격이기 때문이다. axios가 fetch에 비해 브라우저 호환성이 뛰어나고 좀 더 많은 기능을 제공하기 때문에 대부분 axios를 사용한다.

 

 

참고한 내용 : https://cocoon1787.tistory.com/756

https://velog.io/@kysung95/개발상식-Ajax와-Axios-그리고-fetch