- API 호출에는 다양한 방법들이 있다
1. ajax
장점
- Asynchronous JavaScript And XML의 약자이다
- 말 그대로 자바스크립트에서 비동기적 통신을 가능하게 한다
- 순수 ajax는
XMLHttpRequest()생성자를 통해 자바스크립트에서 구현될 수 있지만, JQuery를 통해 ajax를 보다 쉽게 쓸 수 있기 때문에 주로 JQuery와 함께 쓰인다
단점
- 프로미스 기반이 아니고, 제이쿼리를 사용하지 않으면 쉽게 구현하기 어렵다는 단점이 있다
2. fetch
장점
- ES6부터 자바스크립트의 내장 라이브러리로 들어왔다
- promise 기반으로 만들어졌다
- react 내장 라이브러리이기 때문에 별도의 모듈 설치가 필요하지 않다
단점
- 브라우저 호환성이 떨어지고 response timeout 처리 방법이 없는 등 기능적인 부분이 상대적으로 부족하다
3. axios
장점
- node.js와 브라우저를 위한 http 통신 라이브러리이다
- fetch처럼 promise기반이다
- fetch와는 달리 브라우저 호환성이 좋고 편리하며 기능이 많다
단점
- 라이브러리 설치가 필요하다
:D