230705 개발일지 TIL - json-server --watch db.json --port 4000 (zsh: command not found: json-server)

문제점
https://www.npmjs.com/package/json-server 문서의 내용을 참고하여
리액트 프로젝트에서 json-server 패키지를 설치했다.

yarn add json-server

명령어 설치 후 package.json 파일에 설치 된 것을 확인했고

// db.json
{
  "posts": [
    { "id": 1, "title": "json-server", "author": "typicode" }
  ],
  "comments": [
    { "id": 1, "body": "some comment", "postId": 1 }
  ],
  "profile": { "name": "typicode" }
}

프로젝트 루트폴더 안에 db.json파일을 생성하여 안에 위 내용을 넣어주었다.

json-server --watch db.json --port 4000

포트 4000번으로 중복되지 않은 포트번호로 실행을 하려는데

zsh: command not found: json-server

찾을 수 없다고 나왔다.

시도해 본 것

yarn remove json-server

위 명령어로 다시 json-server를 삭제 후

yarn add -g json-server

글로벌로도 설치를 해봤는데 역시나 같은 문제가 발생했다.

해결방법

yarn json-server --watch db.json --port 4000

명령어 앞에 yarn을 붙여서 실행하는 것으로 해결이 되었다.

정상적으로 json server가 실행이 된 것을 확인했고

yarn start

위 명령어로 리액트 프로젝트를 같이 실행해주었다.

느낀 점
아직 npm에 익숙한 나에게는 친절한 공식문서가 필요하다.
그래도 개인적으로 안정적인 느낌의 yarn을 선호하고 있다.