안녕하세요. 이번시간에는 로컬환경에서 JSON Server를 구축하는 방법에 대해 알아보겠습니다.
프론트엔드 개발자들은 백엔드 개발자들이 구축해놓은 서버 DB에서 데이터를 가져와 프론트사이드에서 처리해야하는 경우가 많은데요.
개인 프로젝트나 공부하시면서 이런 서버를 제대로 만들기에는 많은 시간와 데이터양이 필요 할 수도 있기때문에,
임시로 터미널 환경에서 생성할 수 있습니다.
로컬 API JSON 서버 만들기
-
임시 데이터를 넣을 db.json을 만들어서 넣고 싶은 폴더에 넣습니다(파일명은 원하시는대로 하시면 됩니다)
-
터미널 환경에서 터미널 경로를 db.json이 들어가있는 폴더로 이동합니다
pwd - 현재 경로 확인
ls - 그 폴더에 들어있는 파일 목록들 보기
cd - 폴더명 - 해당 폴더로 이동_
그런 다음
npx json-server ./db.json(저장한 파일명) --watch --port 8888을 입력하면 해당 json api를 호출 시킬 수 있는 local Url이 생성됩니다.
그리고 ajax나 fetch등을 이용하여 통신 후 처리해주시면 됩니다
참고자료
https://react.vlpt.us/redux-middleware/08-json-server.html
