Ajax, Axios, fetch

*출처 youngseong.log

Ajax

Asynchronous JavaScript And XML
JavaScript와 XML을 이용한 비동기적 정보 교환 기법이다.

*JQuery
Ajax라는 친구를 JQuery를 통해 보다 더 쉽게 사용할 수 있기에 우리는 JQuery와 Ajax를 함께 묶어서 말할 때가 많은 것 뿐이다. +호환성

Axios

Axios는 node.js 와 브라우저를 위한 HTTP통신 라이브러리입니다.

비동기로 HTTP 통신을 가능하게 해주며 return을 promise 객체로 해주기 때문에 response 데이터를 다루기도 쉽습니다.

fetch

fetch는 ES6 JavaScript의 내장 라이브러리입니다.

promise 기반으로 만들어졌기에 Axios와 마찬가지로 데이터를 다루는데 어렵지 않으며, 내장 라이브러리라는 장점으로 인해 상당히 편리하다.

Axios와 fetch의 장단점

Axios

장점

• response timeout 처리 방법이 있다. (fetch에는 존재하지 않는 기능)
• *크로스 브라우징에 신경을 많이썼기에 브라우저 호환성이 뛰어나다.

단점

• 모듈 설치 요함.

fetch

장점

• 내장 라이브러리이기에 별도의 import를 해줄 필요가 없다.
• 내장 라이브러리이기에 사용하는 프레임워크가 안정적이지 않을 때 사용하기 좋다.

단점

• IE의 경우에는 fetch를 지원하지 않는 버전도 존재한다. (브라우저 호환성이 상대적으로 떨어진다.)
• 기능이 부족하다.