TIL #38 [React 5기] ReactJS 심화주차-2

하루 하나씩 작성하는 TIL #38

---

1. axios

node.js와 브라우저를 위한 Promise 기반 http 클라이언트

= http를 이용해서 서버와 통신하기 위해 사용하는 패키지

yarn add axios

---

2. json-server 설정

db.json

{
  "todos": [
    {
      "id": "1",
      "title": "react"
    }
  ]
}

---

3. GET

get은 서버의 데이터를 조회할 때 사용

// url에는 서버의 url이 들어가고, config에는 기타 여러가지 설정을 추가할 수 있습니다.
// config는 axios 공식문서에서 확인하세요.

axios.get(url[, config]) // GET(url은 매개변수, 대괄호([]) 안의 값은 선택 입력사항입니다.

---

4. post

서버에 데이터를 추가할 때 사용

보통은 클라이언트의 데이터를 body형태로 서버에 보내고자 할 때 사용

---

5. DELETE

저장되어 있는 데이터를 삭제하고자 요청을 보낼 때 사용

axios.delete(url[, config])  // DELETE

6. patch

데이터를 수정하고자 서버에 요청을 보낼 때 사용하는 메서드

이것은 http 환경에서 서로가 한 약속이자 문맥이기때문에, 수정을 하고자 반드시 patch, put 을 써야만 하는 것은 아님