axios와 fetch의 차이점

AJAX ?

Asynchronous Javascript And Xml

비동기적으로 클라이언트와 서버간 XML 데이터를 주고받는 기술

XML ?

eXtensible Markup Language

HTML과 같은 마크업 언어, HTML은 데이터를 표현하는 데, XML은 데이터를 전달하는 데 초점이 맞춰짐

Axios와 Fetch의 차이점

  • Axios

    • HTTP 통신을 위한 JavaScript 라이브러리
    • 구형 브라우저를 지원
    • JSON 데이터의 자동 변환이 가능
    • node.JS에서 사용 가능
    • request aborting 가능
    • reponse timeout을 쉽게 설정 가능
    • catch 시, then을 실행하지 않고 에러 로그를 보여줌
    • CSRF 보호 기능이 내장
    • upload progress 지원
  • Fetch

    • JavaScript 내장 라이브러리
    • 네트워크 에러 발생 시 기다려야함 지원하지 않는 브라우저가 있음

왜 Axios가 인기가 많을까?

Fetch를 이용하여 Axios와 동일한 기능을 구현할 수는 있으나, Axios를 사용하여 해당 시간을 아껴 다른 곳에 투자하는 게 이득이라 생각된다.

참고 : Ajax, axios, XML


Written by@hyesungoh
Learning every moment

InstagramGitHubLinkedIn