yarn json-server

crud 페이지 구현을 위해 json-server를 활용한 voca 페이지를 구현 중 계속 안되는 부분이 있어서 따로 정리해보려고 한다.

1. npm이 아닌 yarn 사용

나는 npm이 아닌 yarn을 사용하기 때문에 다운 방법부터가 달랐다.

위와 같이

yarn global add json-server

코드로 다운받아줘야 하며, global을 넣어 전역 설치를 해줬다.
npm 사용 시 아래와 같이 다운받으면 된다.

npm install -g json-server

2. window json-server 실행

현재 window 노트북을 사용하고 있었는데, 실행을 해도 계속 아래와 같이 떴다.😭😭

--watch/-w can be omitted, JSON Server 1+ watches for file changes by default

이게 뭔가 싶어 찾아보니 윈도우로부터 권한이 없는 것이었다...!!ㅠㅠ

그래서 방법을 찾아 본 결과 아래와 같이 처리해주니 해결됐다.

1. window powershell

윈도우 + x 를 누르면 관리할 수 있는 항목이 나오는데, 그 중 터미널(관리자)를 눌러준다.

2. 제한 상태 확인

executionpolicy를 눌렀을 때 위 그림과 같이 Restricted가 나오면 제한된 것이다.

3. 제한 풀기

set-executionpolicy unrestricted를 치고 다시 제한 상태를 확인하면 Unrestricted가 나오는 것을 볼 수 있다!!!🥹🥹

이제 다시 git bash로 가서 json-server를 실행시켜주면

귀여운 이모지와 함께 연결이 된 것이다!!
json-server 연결된 url을 확인해보니 잘 나오는 것을 확인할 수 있었다! 신기해!