API연동의 기본

API연동을 하기위해서 프로젝트를 생성한후

$ yarn create react-app projectName

axios 라이브러리를 설치한다

$ yarn add axios

axios를 사용해서 GET, PUT, POST, DELETE 등의 메서드로 API를 요청할수 있다.
REST API란 간단하게 하고싶은 작업에따라 다른 메서드로 요청을 할수있는 개발방식이다. 자주 사용하는 메서드에는 다음과 같다.

• GET : 데이터 조회
• POST : 데이터 등록
• PUT : 데이터 수정
• DELETE : 데이터 제거

이외에도 PATCH, HEAD 같은 메서드도 있다.

axios의 사용법은 다음과 같다.

import axios from 'axios';

axios.get('/user/1')

get이 위치한 자리에 메서드 이름을 소문자로 넣는다. 예를 들어 새로운 데이터등록은 axios.post()를 사용하면 된다.

그리고, 파라미터에는 API의 주소를 넣는다.
axios.post()로 데이터 등록할때 두번째 파라미터에 등록하고자하는 정보를 넣는다.

axios.post('/users',{
	username : 'blabla',
    name: 'blabla'
})