[React]Json

db.json

db.json은 디비 역할을 해줄 파일입니다.

{
  "sleep_times": [
   // 앤드포인트 
   // local host: blahblah / url 에서 url가 앤드포인트이다 
   // 앤드포인트에 접근했을때 줄 데이터를 넣어주면됨
   // 데이터들 구분위해 ID 값 넣어줌 

    {
      "id": 0,
      "day": "월", 
			"sleep_time": "10:00"
    },
    {
      "id": 1,
      "day": "화", 
			"sleep_time": "10:00"
    },
    {
      "id": 2,
      "day": "수", 
			"sleep_time": "10:00"
    } // 마지막 콤마 하면 안됨 
  ]
}

json-server 실행하기

DB를 만들었으니 json-server가 db를 보고 있도록 해줘야 합니다.
—watch로 db.json을 보도록 해줄 수 있고, 실행할 포트는 —port를 사용해서 지정할 수 있어요. (지정하지 않을 경우, 기본값은 3000번 포트예요!)

yarn json-server --watch db.json --port 5001

API test

• GET 요청 보내기
  • 메서드에 GET을 넣고,
  • 주소를 넣어줍니다. endpoint는 sleep_times.
• POST 요청 보내기
  • 메서드에 POST를 넣고,
  • 주소를 넣어줍니다. endpoint는 sleep_times
  • Body에 추가할 데이터를 넣어봅시다.