json-server 초간단 정리!

json-server

json-server란?

json-server란, 아주 간단한 ‘DB와 API 서버를 생성해주는 패키지’ 이다.
json-server를 사용하는 이유는 Backend에서 실제 DB와 API Server가 구축될 때까지 Frontend개발에 임시적으로 사용할 mock data를 생성하기 위함이다!

json-server 설치하는 방법

yarn add json-server
yarn add json-server -D # 개발 환경인 경우, -D 옵션을 함께 입력

👩🏻‍💻 json-server 실행하기

json-server는 간이 백엔드이기 때문에 리액트와 별개로 따로 실행해줘야 한다.

→ 리액트도 실행하고, json-server도 실행시켜야한다는 뜻!

01. db.json 파일 생성하기

root 경로에 db.json 파일 생성

db.json 파일에 아래 내용 입력

{
  "todos": []
}

02. 서버 실행

yarn json-server db.json --port 4000

⭐️ 리액트를 구동하는 서버, json-server를 구동하는 서버는 각각 독립적인(별개의) 서버

✅ 실행된 화면

db.json 이라는 것을 db로 삼고, 4000 포트에서 서버를 시작하겠다는 뜻

✅ 작업 시 터미널 화면

---

아이고 왜이렇게 설치해야하는게 많은걸까..!
일단 차근차근 정리하고 프로젝트 하면 자연스럽게 익혀지겠지..?(그래야한다)