AJAX

Asynchronous JavaScript And XML

비동기적 동작을 하는 기술까지도 의미하며, 서버로 부터 데이터를 주고 받는 통신기술을 일컫는다.

AJAX의 장점

• 필요한 데이터만 전송받으며 불필요한 데이터 통신이 발생하지 않으며, 이로인해 웹페이지 전체를 다시 로딩하지 않고도 일부만 갱신한다.

---

AJAX의 API

1. XHR(XMLHttpRequest)
2. fetch
3. Axios

XHR

• XMLHttpRequest 객체를 이용한 web API
• 코드가 복잡하고 가독성이 떨어지는 단점이 있어 현재는 fetch를 더 많이 사용한다.

  XML 이란?
  html과 같은 마크업 언어이며 데이터를 표현하는 방법

(!)fetch

• ES6(ECMAScript6)에서 표준화되었으며 XHR을 대체하기 위해 도입됨
• promise를 지원함으로서 콜백 패턴의 단점을 해결한다.
• JSON 파일 변환 단계가 필요하다.

fetch 문법

fetch("url", option)
   .then(res => res.json())
   .then(res => console.log(res));

Axios

• 브라우저와 node.js에서 사용할 수 있는 Promise 기반 HTTP 클라이언트 라이브러리
  출처 : https://axios-http.com/kr/docs/intro
• 라이브러리이므로 CDN을 사용해야 한다.
• JSON 데이터를 자동으로 변환한다.