Mock Server란 실제 서버처럼 요청을 주고받을 수 있는 가짜 서버입니다. 선호하시는 언어, 라이브러리에 따라 선택하시면 됩니다.

json-server

비교적 쉽게 세팅이 가능하고, CRUD를 제공합니다. JS 버전과 Python 버전 2개를 모두 제공합니다. JS 버전을 사용하실 경우 사전에 node가 설치되어 있어야 합니다.

json-server 설치하기
- 리액트 환경
  
  GitHub - typicode/json-server: Get a full fake REST API with zero coding in less than 30 seconds (seriously)
```
npx create-react-app my-app 

cd my-app

npm i -g json-server
```

파이썬 환경

파이썬 개발자는 json-server.py로 설치할 수 있습니다.

GitHub - gera2ld/json-server.py: Fake REST API with zero coding
```
pip3 install json-server.py
```

db.json 파일 만들기

json-server 설치 완료 후 데이터베이스 파일을 보관할 db 폴더를 생성합니다.

해당 폴더에 아래의 코드를 복사하여 db.json 이라는 파일을 생성합니다. *반드시 object 형식이어야 합니다.
- db.json
json-server 실행하기

db.json이 위치한 db 폴더로 이동하여 아래의 명령어로 서버를 실행합니다.
- 리액트 환경
  
  리액트 환경의 경우 기본 포트가 3000이기에 3001로 설정하여 실행합니다.
```
json-server --watch db.json --port 3001
```
- 파이썬 환경
```
json-server db.json 
```
아래와 같은 화면이 터미널에 출력된다면 json-server가 실행된 것 입니다.
```
  \\{^_^}/ hi!

  Loading db.json
  Done

  Resources
  <http://localhost:3001/product>

  Home
  <http://localhost:3001>

  Type s + enter at any time to create a snapshot of the database
  Watching...
```
안내된 Resources로 접속하면 product 리스트가 출력됩니다.
```
<http://localhost:3001/product>
```

<aside> 💡 ctrl (맥은 cmd) + c 를 입력하면 서버가 종료됩니다.

</aside>

<aside> 💡 설정시 참고할만한 글

보안 경고 해결 방법

[React] json-server --watch 실행 시 에러 해결
JSON Viewer 크롬 확장도구

JSON Viewer

</aside>