[Library] axios -fetch와의 비교

axios.
fetch 함수를 대신할 수 있다는 것은 알고 있었고 기업협업 때 실제로 사용도 해보았지만 왜 써야하는지는 잘 모르고 있었다.
fetch보다 나은점이 뭐냐는 질문에 말문이 턱 막혔다.
가져다 쓰는데만 급급해서 왜 쓰는지 모르는 것들이 태반이다. 차근히 하나하나 정리해야겠다.

axios?

axios는 HTTP통신을 하는데 매우 인기있는 javascript 라이브러리이다.
브라우저와 node.js 플랫폼에서 모두 사용할 수 있다.
또한 IE8이상을 포함한 모든 최신 브라우저를 지원한다.
axios는 Promise를 기반으로 하며 async/await문법을 사용하여 XHR요청을 매우 쉽게 할 수 있다.

axios의 장점

• 구형브라우저를 지원한다.(fetch의 경우는 폴리필 필요)
• request aborting에 대한 방법을 제공한다.
• 응답 시간 초과를 설정하는 방법이 있다.
• CSRF 보호 기능이 내장되어 있다.
  (이건 무슨 말인지 모르겠다 공부 필요함!!)
• JSON 데이터 자동변환이 가능하다.
• node.js에서의 사용이 가능하다.
• catch 에 걸렸을 때, .then(~~~)을 실행하지 않고, console 창에 해당 에러로그를 보여준다.

fetch의 장점

• 라이브러리를 import 하지 않아도 사용할 수 있다.
• 라이브러리의 업데이트에 따른 에러 방지가 가능하다.