Axios, Fetch, Ajax 차이_React

miin·2023년 6월 5일
0

React

목록 보기
44/55
post-thumbnail
  • API 호출에는 다양한 방법들이 있다

1. ajax

장점

  • Asynchronous JavaScript And XML의 약자이다
  • 말 그대로 자바스크립트에서 비동기적 통신을 가능하게 한다
  • 순수 ajax는 XMLHttpRequest()생성자를 통해 자바스크립트에서 구현될 수 있지만, JQuery를 통해 ajax를 보다 쉽게 쓸 수 있기 때문에 주로 JQuery와 함께 쓰인다

단점

  • 프로미스 기반이 아니고, 제이쿼리를 사용하지 않으면 쉽게 구현하기 어렵다는 단점이 있다

2. fetch

장점

  • ES6부터 자바스크립트의 내장 라이브러리로 들어왔다
  • promise 기반으로 만들어졌다
  • react 내장 라이브러리이기 때문에 별도의 모듈 설치가 필요하지 않다

단점

  • 브라우저 호환성이 떨어지고 response timeout 처리 방법이 없는 등 기능적인 부분이 상대적으로 부족하다

fetch 사용법

3. axios

장점

  • node.js와 브라우저를 위한 http 통신 라이브러리이다
  • fetch처럼 promise기반이다
  • fetch와는 달리 브라우저 호환성이 좋고 편리하며 기능이 많다

단점

  • 라이브러리 설치가 필요하다

axios 사용법

0개의 댓글