json-server 로 소통하기

json-server 란?

진짜 서버 연결 전, 프론트엔드 구현하는 것을 도와주는 임시서버

---

json-server 열기

1. json-server 설치

$yarn add json-server

2. 프론트 서버와 별개로 json-server 열기

$yarn json-server --watch db.json --port 3001

- port 번호는 react 서버와 겹치지 않는 숫자로 작성
- http://localhost:3003 : 이렇게 열면 서버가 열리는 것을 확인할 수 있음

3. db.json 파일에 데이터 생성하기

    {
      "todos": [
        {
          "id": 1,
          "title": "json-server",
          "content": "json-server를 배워봅시다."
        }
      ]
    }

4. url 입력으로 서버에 GET 요청하기

http://localhost:3003/todos

- 서버 url 뒤에 데이터 이름 넣기

---

axios 로 API 서버와 통신

$yarn add axios

CRUD 구현하는 4가지 method

1. POST - create
2. GET - read
3. PATCH - update
4. DELETE - delete