[React] json server 설치하기

- 이번에 할 일 

 

 

우리의 로컬앱은 db를 사용하지 않기 때문에 서버를 껏켰하면 불러올 데이터가 없다

이때 사용하면 좋은 api가 json server

앱을 개발할 때 json object의 파일을 db처럼 사용하는 json-server

 

기존에는 editBookById를 하면 바로 state를 변경했지만 이제는 api server에 삭제하란 요청을 보내고

결과에 대한 응답을 받도록 수정할 것이당

 

1. json server 설치

터미널 하나 더 켜고 프로젝트 디렉토리에 가서 json server설치하기

    npm install json-server

 

2. document root에 db.json파일 생성하고 초기값 넣어주기

 

3. package.json에 debug-server 추가하기 (17행)

위에 17행을 추가해야지 밑에 나오는 npm run sever커맨드를 실행할 수 있셈

 

참고로 위 코드는 이러한 의미이다, 만약 3001을 다른 곳에서 사용하고 있따면 바꿔주면 됨

 

 

4. 터미널에 서버시작 명령어 실행해기

npm start했던 터미널말고 새로운 터미널에 해야함

    npm run server

갱장히 햅피한 모습

 

그래서 우리 앱에서 로컬호스트3001로 리퀘스트를 보내면 json 서버에 컨택할 수 있게 되었다