AJAX란?

---

Asynchronous Javascript And XML
자바스크립트를 이용해 비동기적으로 서버와 브라우저가 데이터를 교환할 수 있는 통신 방식

• 비동기적 자바스크립트 동작을 하는 기술들을 통틀어 AJAX라고 부른다.
• 브라우저가 가지고 있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지 일부만을 위한 데이터를 로드하는 기법이다.
• 서버로 부터 웹페이지가 반환되면 전체를 갱신해야하는데, 이 때 AJAX를 사용하면 페이지 일부만을 갱신하고도 동일한 효과를 볼 수 있다. 갱신이 필요한 부분만 로드하여 갱신하면 되므로 빠르고 부드러운 화면효과를 기대할 수 있다.
• AJAX라는 기술은 여러가지 기술이 혼합적으로 사용되어 이루어진다. 대표적으론 HTML, DOM, Javascript, XMLHttpRequest등이 있다. AJAX라는 네트워크 기술을 이용하여 클라이언트에서 서버로 데이터를 요청하고 그에 대한 결과를 돌려받을 수 있다.
• 기존의 XHR객체를 이용한 AJAX는 복잡하기도 하며 가독성이 떨어졌다. 그래서 등장한 것이 fetch API로 ES6 에서 표준이 되었다. fetch는 반환값으로 Promise를 가진다.
• fetch는 axios와 달리 브라우저에 내장돼있어 라이브러리를 사용하지 않고 비동기 통신을 할 수 있다.

그렇다면 Axios란 무엇일까?

Axios는 브라우저, node.js에서 사용가능한 프로미스 API를 활용하는 비동기통신 라이브러리다. fetch와 다르게 라이브러리라서 install해서 사용가능하고 별도의 import를 해야한다. 모든 브라우저에서 사용가능하며 응답시간 설정을 지원하고 json 자동 변환이 지원된다.

---

📚 참고하면 좋을 블로그

XMLHttpRequest과 Fetch 구현 예제