[React] - Axios

1. Axios

React 에서는 axios를 사용해서 GET , PUT, POST, DELETE 등의 메서드로 API 요청을 할 수 있다 

 

GET은 데이터 조회 

 

POST는 데이터 등록

 

PUT은 데이터 수정 

 

DELETE는 데이터 제거의 의미를 갖고 있다 .

 

이외에도 HEAD, PATCH 와 같은 메서드들도 존재한다

 

2.  Axios 기본 사용법 

 

 

 

우선 yarn 또는 npm, npx로 axios패키지를 다운받고 위와 같이 사용하시면 됩니다

get은 데이터 조회를 하는 메서드이므로 저렇게만 적어도 상관없는데 만약 POST메서드를 사용하고 싶으시다면

 

다음과 같이 두번째 파라미터에 등록하고자 하는 정보를 넣을 수 있습니다

 

2.  Axios 응답 스키마 

 

axios는 요청에 따른 응답 결과를 받는데 이를 응답 스키마라고 합니다.

 

이를 then을 이용하면 다음과 같이 응답을 받을 수 있습니다.