#TIL 30일차(axios[1])

---

axios란?

node.js와 브라우저에서 모두 사용 가능한 Promise 기반 http 클라이언트 라이브러리

axios 설치

// 둘 중 선택
npm install axios 
yarn add axios

HTTP 메서드

axios에서 사용하는 주요 HTTP 메서드에 대해 알아보자

📍 GET

• 서버로부터 데이터를 조회할 때(가져올 때) 사용한다.
• filter와 같은 기능들을 사용하기 위해서는 query로 데이터를 요청해야한다.

기본적인 사용방법

axios.get(url[, config]) //[] 안의 값은 선택사항

📍 POST

• 서버에 데이터를 추가(제출)하고, 새로운 리소스를 생성할 때 사용된다.
• 보통은 클라이언트의 데이터를 body형태로 서버에 보내고자 할 때 사용한다
  → post 요청에 대한 로직은 백엔드 개발자가 구현하는 것이기 때문에 추가외에 다른 용도로 사용될 수 있다.

기본적인 사용방법

axios.post(url[, data[, config]])

📍 DELETE

• 서버로부터 저장되어있는 리소스를 삭제할 때 사용한다.
• 주로 특정 리소스를 지정하여 삭제 요청을 보낸다.

기본적인 사용방법

axios.delete(url[, config]) 

📍 PATCH

• 서버에 부분적인 업데이트를 요청할 때 사용한다.
  → PUT은 리소스의 전체를 대체한다. 예를 들어, 리소스에 여러 속성이 있을 때 'PUT' 요청은 모든 속성을 포함해야하며, 누락된 속성은 기본값이나 빈 값으로 설정된다.
• 수정할 때 꼭 PATCH나 POST를 사용할 필요는 없다.
  → 백엔드에서 POST를 통해 수정 기능을 만들 수 있기 때문이다.
  → 그러나 http 환경에서 서로 약속한 약속이자 문맥인 것을 알아둬야한다.

기본적인 사용방법

axios.patch(url[, data[, config]])