json-server 사용법 및 간단히 데이터 조회 해보기

우선 json-server 가 무엇인지 알아보자!

 

json-server는 실제 배포할 서비스용(프로덕션)이 아니라 로컬에서 혼자 연습할 때 사용하기 좋은 기본적인 Rest Api의 기능은 다 가지고 있는 아주 좋은 라이브러리이다. 

 

1. 설치 

npm install -g json-server

 

2. 데이터 파일 생성. (src 디렉토리 밖) 난 db.json 이라는 파일명으로 작성

 

3. 의미를 따지고 들면 package.json 파일 안에 dependencies 객체 안에 라이브러리가 설치되는것 보단 devDependencies 객체에 생성되는게 맞다. dependecies 객체는 라이브러리나 프레임워크 같이 실제 프로덕트에서 사용되는 애들을 모아두고 devDependencies 는 개발을 편하게 해주는 ,실제 프로덕트에 쓰이지 않을 것들을 모아두기 때문에 난 devDependencies에 추가해서 진행해봤다. 

 

npm install [패키지] —-save-dev
npm i [패키지] -D

또 서버와 클라이언트를 동시에 실행시키기 위해 concurrently 패키지 또한 설치 해주었다. 

 

데이터를 조회하기 위해 서버만 작동시키려면 

npm run json-server

명령어를 실행시키고 동시에 실행시키려면 

 

npm run dev

해주면 되겠다. 

 

HTTP Client 도구 아무거나 설치해준뒤에 확인 해주면

 

정상적으로 잘 작동하는 것을 볼 수 있다.