json server

json server란 간단한 DB와 API서버를 생성해주는 패키지입니다.

백엔드 개발에서 실제 DB와 API Server가 구축될 때까지 프론트엔드 개발에 임시적으로 사용할 mock data를 생성하기위해 사용합니다.

이를 통해 FE에서는 BE가 하는 작업을 기다리지않고, FE의 로직과 화면을 구현할 수 있어 효율적으로 협업이 가능합니다.

 

json server 패키지 설치

yarn add json-server

 

서버실행

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

 

폴더구조

json서버를 구동하는 명령어와 리액트를 구동하는 명령어 둘다 사용한 후 db.json을 수정하고 브라우저에서 확인한다.

 

 

db.json에 아래와같이 작성하고, localhost:3001/todos에 가면 확인이 가능하다.

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