개발 진행 중 실제 백엔드 API 서버가 구축이 되지않았더라도 간단히 JSON server를 통해 프론트엔드 개발 진행을 해나갈 수 있다.
실제로 프로젝트를 하며 JSON파일을 사용하거나, JSON 서버를 통해 실제 DB나 엔드포인트를 대신해 계속해서 만들어나갔던 기억이 있다.
여기서 사용할 json-server는 json파일을 사용해 JSON server를 구축할 수 있는 패키지이다.
간단히 포트번호를 지정해서 해당 포트에서 서버가 실행되도록 한다.
npx json-server --port 9999 --watch db.json 를 터미널창에 실행시키면
(9999번 포트에서 json서버 실행, db.json 파일에 있는 정보를 json 서버에 바로 반영(watch))
db.json파일이 생성이 되어야하는데
위와 같은 오류가 나타났다.
결론은 json server 버전때문이었다.
npx json-server@0.17.4 --port 9999 --watch db.json 로, 0.17.4버전의 json-server를 사용해주면 된다.
그럼 db.json 파일이 로컬의 해당 폴더에 생성되고, 위와 같은 리소스들이 터미널창에 보인다.
URL에 입력하면 db.json 파일에 있는 데이터를 그대로 확인할 수 있다. 파일 안에서 데이터를 수정해보아도 해당 서버의 페이지를 리로드해보면 json server의 데이터가 바뀌는 것을 확인할 수 있다.