[React] Axios 추가 작성중

Isabel·2022년 4월 10일

이번주는 Axios에 대한 이야기를 해보고자한다.
Axios는 node.js와 브라우저를 위한 Promise 기반 HTTP 클라이언트이다.
백엔드랑 프론트엔드랑 통신을 쉽게하기 위해 Ajax와 더불어 사용한다.

Axios의 특징은 아래와 같다.

  • 브라우저를 위해 XMLHttpRequests 생성
  • node.js를 위해 http 요청 생성
  • Promise API를 지원
  • 요청 및 응답 인터셉트
  • 요청 및 응답 데이터 변환
  • 요청 취소
  • JSON 데이터 자동 변환
  • XSRF를 막기위한 클라이언트 사이드 지원

yarn 사용하여 설치하기:

$ yarn add axios

Axios 기본문법

axios({
	url: 'https://test/api/cafe/list/today', // 통신할 웹문서
	method: 'get', // 통신할 방식
	data: { // 인자로 보낼 데이터
	foo: 'diary'
    }
});

참조 - Axios docs

0개의 댓글