axios를 통해 api연결하는 법을 알아보고 코드를 작성했다.

axios

node.js와 브라우저를 위한 http 통신 라이브러리

fetch처럼 promise를 지원한다는 공통점이 있지만,

fetch와는 달리 브라우저 호환성이 좋고 편리, 기능 多

<aside> 😀 React에서 http통신을 할 때엔 주로 axios를 이용!

promise기반에 호환성이 좋고 디테일한 기능 사용가능하기 때문!

</aside>

Axios 설치하기

npm 사용하기

npm install axios

yarn 사용하기

yarn add axios

Axios 사용하기

전반적으로 axios를 통해 서버와 소통하는 과정

1. 서버에 요청을 보내고(request)

2. 서버로부터 응답이 오면(response) 제대로 응답이 왔을 때와 못 왔을 때를 구분하여 처리

서버에 요청을 보냈을 때 응답이 오기까지 시간이 걸리므로 서버에 보내는 요청은 비동기 처리를 해주며, 그 이후에 응답을 바탕으로 처리하는 과정은 .then 이나 **await**를 이용