티스토리 뷰
반응형
📌AXIOS란?
👉axios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP비동기 통신 라이브러리이다.
👉쉽게 말해서 백엔드와 프론트엔드가 통신을 쉽게하기 위해 Ajax와 더불어 사용한다.
👉이미 자바스크립트에는 fetch api가 있지만, 프레임워크에서 ajax를 구현할 땐 axios를 쓰는 편이라고 보면 된다.
📌AXIOS특징
👉운영 환경에 따라 브라우저의 XMLHyypRequest 객체 또는 Node.js의 http의 http api사용
👉Promise(ES6) API 사용
👉요청과 응답 데이터의 변형
👉HTTP 요청 취소
👉HTTP 요청과 응답을 JSON 형태로 자동 변경
axios | fetch |
써드파티 라이브러리로 설치가 필요하다. | 현대 브라우저 빌트인이라 설치가 필요 없다. |
XSRF 보호를 해준다 | 별도 보호가 없다. |
data 속성을 사용한다 | body 속성을 사용한다. |
data는 Object를 포함한다 | body는 문자열화되어있다. |
status가 200이고 statusText가 'OK'이면 성공이다 | 응답객체가 ok속성을 포함하면 성공이다. |
자동으로 JSON데이터 형식으로 변환된다 | .json()메서드를 사용해야 한다. |
요청을 취소할 수 있고 타임아웃을 걸 수 있다 | x |
HTTP 요청을 가로챌 수 있다 | x |
즉 axios는 별도의 설치가 필요하다는 단점이 있지만 그것을 커버할 만한 fetch보다 많은 기능 지원과 문법이 조금이나마 간소화 된다는 장점이 있다는 것을 볼 수 있다.
따라서 간단하게 사용할 때는 fetch를 쓰고, 이외의 확장성을 염두해봤을 땐 axios를 쓰면 좋다고 보면 된다.
반응형
'WEB > Javascript' 카테고리의 다른 글
쓰로틀링과 디바운싱 (2) | 2022.12.27 |
---|---|
프로토타입과 클래스 (0) | 2022.09.28 |
(2) 비동기처리 적용해보기 (0) | 2022.07.05 |
(1) 비동기 이해하기 (0) | 2022.06.12 |
EVENT란? - (2)이벤트 핸들러 & 이벤트리스너(Event Listner) (0) | 2022.03.02 |
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- Vue.js
- vue.js3
- 빅오표기법
- 알고리즘
- Http통신
- reactnative
- 웹훅
- 이벤트리스너
- react
- React18v
- 디바운싱
- 더미데이터
- 로그인 인증
- 이벤트버스
- JWT토큰
- vue3
- eventListner
- 항해솔직후기
- 레포지토리패턴
- http
- store.js
- event종류
- 항해플러스프론트엔드
- useState
- 항해플러스후기
- loadbalancer
- Repository pattern
- Vuex
- focus와blur
- props
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
글 보관함