axios
- axios: 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리
- Javascript 내장 fetch api와 유사한 기능을 하지만, 몇가지 차이점이 있음
- axios VS fetch
- 단점: 서브파티라 추가적인 설치가 필요하다
- 장점: 다양한 부가 기능, 폭넓은 지원 범위, 문법의 간소화 등
- 간단한 적용에는 fetch가, 확장성 및 폭넓은 사용에는 axios가 유리할 것으로 예상됨
| axios | fetch |
|---|---|
| 요청 객체에 url 있다 | 요청 객체에 url 있다 |
| 써드파티 라이브러리로 추가 설치 필요 | 브라우저 빌트인이라 설치 필요 X |
| XSRF 보호 기능 | 별도 보호 없음 |
| data 속성을 사용 | body 속성을 사용 |
| data는 object를 포함 | body는 문자열로 구성 |
| status가 200, statusText가 'OK'이면 성공 | 응답객체가 ok 속성을 포함하면 성공 |
| 자동으로 JSON 데이터 형식으로 변환됨 | .json() 메서드를 사용해야 함 |
| 요청을 취소할 수 있고, 타임아웃을 걸 수 있다 | 해당 기능 없음 |
| HTTP 요청을 가로챌 수 있음 | 해당 기능 없음 |
| download 진행 지원 기능이 내장 | 업로드 진행 상황을 지원하지 않음 |
| 광범위한 브라우저를 지원 | chrome 42, firefox 39, edge 14, safari 10.1 이상만 지원 |
| geeksforgeeks를 참조하여 작성 |
