Axios ?

Axios란?

브라우저와 node.js에서 사용할 수 있는 Promise 기반 HTTP 클라이언트 라이브러리

Axios 설치하기

npm install axios

yarn add axios

Axios 사용법

비동기로 서버에 요청 → 서버의 응답이 오면 받아서 성공/ 실패 시를 구분하여 처리

서버에 요청 후 응답이 오기까지 시간이 걸리기 때문에 요청은 비동기 처리하고,
응답을 처리하는 부분은 then이나 await을 사용한다

import axios from 'axios';

HTTP Methods

ex) axios.get('/users/1');

get 이 위치한 자리에는 메서드 이름을 소문자로 넣는다

• get
  서버에서 어떤 데이터를 가져와서 보여준다거나 하는 용도이며, 응답은 json 형태로 넘어온다
• post
  새로운 리소스(ex 로그인, 회원가입 등 사용자가 생성한 파일을 서버에 업로드할 때)를 생성할 때 사용한다
• put
  서버에 있는 데이터베이스의 내용을 변경하는 것을 주 목적으로 한다
• delete
  데이터베이스에 저장되어 있는 내용을 삭제하는 목적으로 사용한다

useState로 요청 관리하기

요청에 대한 3가지 상태 관리

1. 요청의 결과
2. 로딩 상태
3. 에러