[React] json-server 사용하기

API서버가 배포되지 않은 상황에서 http 통신을 하는 코드를 작성해야 할 때, 또는 빠른 시간 안에 Restful한 API를 구축하고 테스트하고 싶을 때 json-server를 사용할 수 있다.

 

먼저 npm install json-server -g 명령어를 사용하여 글로벌 설치를 해준다. 

 

이후 dummyDB.json 파일을 생성해준 후 아래와 같이 데이터를 넣어준다.

dummyDB.json

이후 json-server --watch dummyDB.json --port 4000 명령어를 사용하여 json-server를 실행시켜주면 된다.

 

POSTMAN을 열고 http://localhost:4000/hero 에 GET 요청을 보내보자.

 

POSTMAN

데이터를 정상적으로 받아오는것을 확인할 수 있다.

 

POST요청으로 데이터를 변경하는 것 또한 가능하다.

Body의 raw를 선택하고 JSON으로 데이터 형식을 바꿔준 후 데이터를 담아 POST요청을 보내면 id값이 생긴 새 데이터를 반환하는것을 확인할 수 있다.

동시에 dummyDB또한 업데이트된다.