json-server

json-server 가 무엇인가

json-server는 간단한 JSON 데이터를 사용하여 가짜 REST API를 생성하는 도구인데 이를 사용하면 개발 중에 실제 백엔드 서버가 없어도 프론트엔드 개발 및 테스트를 진행할 수 있겠다.
json-server를 사용하면 몇 줄의 명령어로 가짜 REST API 서버를 띄울 수 있으며, 이 서버는 정의한 JSON 파일을 기반으로 데이터를 제공한다. 주로 프론트엔드 개발자들이 프로토타이핑이나 테스트 목적으로 사용한다.

사용 예시

1. json-server 설치

npm install -g json-server

yarn add json-server

node_modules 폴더에 json-server가 포함 된다.

2. JSON 파일 작성

{
  "posts": [
    { "id": 1, "title": "json-server", "author": "A" },
    { "id": 2, "title": "REST API", "author": "B" }
  ],
  "comments": [
    { "id": 1, "body": "some comment", "postId": 1 },
    { "id": 2, "body": "another comment", "postId": 2 }
  ]
}

3. json-server 실행

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

이제 http://localhost:3001에서 데이터에 접근할 수 있다.

4. 예시요청

• GET http://localhost:3001/posts - 모든 포스트 가져오기
• GET http://localhost:3001/posts/1 - ID가 1인 포스트 가져오기
• POST http://localhost:3001/posts - 새로운 포스트 추가
• PUT http://localhost:3001/posts/1 - ID가 1인 포스트 수정
• DELETE http://localhost:3001/posts/1 - ID가 1인 포스트 삭제

이를 통해 프론트엔드 코드가 실제 백엔드와 상호작용하는 것처럼 개발 및 디버깅을 할 수 있겠다.

참고한 곳

https://www.npmjs.com/package/json-server