본문 바로가기

Javascript

axios와 fetch의 차이

axios와 fetch는 node.js에서 HTTP요청을 보내는 데 사용된다.

 

 

axios

promise기반으로서 사용자가 좀 더 직관적으로 다룰 수 있어 추가적인 래핑이 필요한 fetch보다 편리하다는 장점이 있다.

또한 브라우저 호환성이 넓어 최신 브라우저가 아닌 경우에도 잘 동작한다.

 

fetch

외부 라이브러리가 아닌 ECMAScript6에 기본적으로 탑재되어 있는 기능이기 때문에 가볍게 사용 가능하다는 장점이 있다.

하지만 최신 브라우저에서 지원이 되기 때문에 예전 브라우저의 경우 작동이 안 될 수도 있고, 취소요청 기능이 탑재되어 있지 않아 AbortController 같은 인터페이스로 추가적인 작업이 필요하다

 

결론

많은 기능과  쉬운 사용성 →  axios

가벼움 → fetch

 

나는 개인적으로는 axios가 잘 맞아 앞으로도 axios 위주로 사용할 것 같다.