json-server

프론트 엔드를 공부하면서 BE가 없지만 한번 API 통신을 해보고 싶을 때가 있다.
그때 json-server를 사용해서 간단한 DB와 API 서버를 생성해줄 수 있다. dlfmf xhdgo BE가 실제 서버를 구축 될 때 까지 FE개발에 일시적으로 사용할 수 있는 mock data를 생성할 수 있다.

json-server 설치

yarn add json-server

또는

npm i json-server

설치가 완료 됐다면

json-server --watch db.json

로 실행할 수 있고, 만약 전역으로 설치하지 않았으면

npx json-server --watch db.json --port 4000

으로 실행할 수 있고 뒤에 --port 4000으로 port를 지정해줄 수 있다.

확인

폴더에 db.json 파일을 만들고

{
  "posts": [
    { "id": 1, "title": "json-server", "author": "typicode" }
  ],
  "comments": [
    { "id": 1, "body": "some comment", "postId": 1 }
  ],
  "profile": { "name": "typicode" }
}

위에서 언급했던 실행 명령어로 실행하면 간단하게 DB와 API 사용이 가능..!!

port는 4000으로 지정해줬으므로 접근 url은

http://localhost:4000 이 될 것이다.