#TIL 29일차(json-server)

---

json-server란?

아주 간단하고 빠르게 API 서버를 구축할 수 있게 해주는 패키지

📍 사용하는 이유

백엔드에서 실제 DB와 서버를 구축하기 전에 프론트엔드에서 임시적으로 사용할 수 있는 mock data를 생성하기 위해 사용함

📍 설치 방법

npm으로 설치

npm install json-server

yarn으로 설치

yarn add json-server 

→ 개발 환경인 경우, -D 옵션을 함께 입력

json-server 실행하기

→ json-server가 간단한 패키지이지만, 말그대로 간이 서버이기 때문에 리액트와는 별개로 실행시켜줘야한다.
❗️ 그래야 리액트와 json-server가 ⭐️서로 통신 가능⭐️

📍 db.json 파일 생성

{
  "todos": [
    {
      "id": 1,
      "title": "json-server",
      "content": "json-server에 대해 알아보자" 
      
  ]
}

→ json-server는 이 내용을 바탕으로 데이터베이스를 제공

📍 서버 실행

yarn json-server db.json --port 4000

→ db.json 이라는 것을 db로 삼고, 4000 포트에서 서버를 시작하겠다는 뜻