Axios는 웹 브라우저와 Node.js를 위한 HTTP 비동기(작성된 순서대로 실행되지 않는 처리) 통신 라이브러리입니다. 쉽게 말해서 백엔드와 프론트엔드 간 통신을 쉽게 하기 위해 사용되는 것으로 Ajax처럼 사용되는 것입니다. React에서 OpenAPI를 이용한 통신을 할 때 Axios를 주로 사용합니다.

Axios와 CRUD

CRUD가 Create, Read, Update, Delete의 제일 앞 문자를 하나씩 따와 만든 줄임말로 각각은 아래처럼 매칭이 됩니다.C : Create(생성) - POSTR : Read(조회) - GETU : Update(수정) - PUTD : Delete(삭제) - DELETE

Axios 사용법

**index.html**에 아래 두 스크립트를 추가해주면 axios 라이브러리를 손쉽게 사용할 수 있습니다.

<script src="<https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js>"></script>
<script src="<https://unpkg.com/axios/dist/axios.min.js>"></script>

각 메소드가 어떠한 형태로 사용되는지 아래에서 살펴보세요.POST

axios.post(url, data 객체)

POST는 새로운 자원을 생성할 때 사용합니다.

GET

axios.get(url)

GET은 자원을 요청할 때 사용합니다.

PUT

axios.put(url, data 객체)

PUT은 자원을 갱신할 때 사용합니다.

DELETE

axios.delete(url)

DELETE는 자원을 삭제할 때 사용합니다.