AJAX, XHR, Fetch, Axios 간단 정리

AJAX ( = Asynchronus javascript and xml )

자바스크립트를 사용하여 비동기적으로 서버와 통신하여 정보를 교환하는 하는 것을 의미한다. 비동기로 작동하기 때문에 서버와 통신하는 동안 다른 작업에 영향을 끼치지 않고 정상 작동한다. 

 

XMLHttpRequest ( js native )

자바스크립트를 통하여 서버와 통신할 때 사용하는 방법 중 하나이다.

따라서 XMLHttpRequest는 AJAX를 구현하기 위한 방법중 하나라고 생각하면 된다.

 

Fetch ( js native )

XMLHttpRequest보다 개선된 방식으로 AJAX를 구현할 수 있다. 

 

axios ( js library ) 

native가 아니고 별도 module 설치가 필요하며 AJAX를 보다 편리하게 사용하기 위해 별도로 만들어진 library로 많이 사용된다. Fetch API 보다 사용하기에 편하다 

 

 

참고

https://developer.mozilla.org/ko/docs/Web/API/XMLHttpRequest

XMLHttpRequest - Web API | MDN

https://developer.mozilla.org/ko/docs/Web/API/Fetch_API/Using_Fetch

Fetch API 사용하기 - Web API | MDN