Axios 란?
브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리
특징
- 폭넓은 브라우저 호환성!
- response 할때 json 형식으로 반환
- *XSRF 보호 가능
*XSRF란 => 사용자가 자신의 의지와는 무관하게 공격자가 의도한 행위(CRUD)를 특정 웹사이트에 요청하게 하는 공격
- 인터셉트 가능!
- 라이브러리라서 모듈을 설치하고 사용가능하다!
Fetch란?
HTTP 요청 전송 기능을 제공하는 WEB API
특징
- HTTP response 객체를 래핑한 Promise 객체를반환해서 데이터 다루기 편하다
- 내장 라이브러리 이기때문에 업데이트 이슈방지 가능하다.
- 인터셉터가 불가능 하다.
- json형태로 반환하지않아 json형식으로 반환을 해줘야한다.
- axios와 비교했을때 상대적으로 기능이 부족하다.
결론(내 생각)
이곳 저곳 들르며 개념정리를 해본결과 프론트 웹 프레임워크를 사용할때는 axios가 더 호환성이 좋고 기능이 전체적으로fetch보단 우수한점이 더 많은거같아보인다. 물론 각각의 장단점이 있지만 쓰기에는 axios가 더 좋은것같습니다.
반응형
'React.js' 카테고리의 다른 글
| 클론코딩 - 영화 평점 웹서비스 (1) (0) | 2023.02.18 |
|---|---|
| UseEffect()에 대해서 (0) | 2023.02.03 |
| Class Component-> Function Component 바꾸기 (0) | 2022.11.25 |
| 리액트 기본지식 정보 (2) - 프로퍼티(Props) (0) | 2022.11.08 |
| 리액트 기본지식 정보 (1) 컴포넌트 Component (0) | 2022.11.08 |
