240216 ✨
react 심화주차 강의를 듣는 중,
json-server 패키지를 설치해야 했었는데, 강의에서 아무 탈 없이 되던 것과 다르게 내 컴에서는 되지 않았다 .. ㅠㅠ
node 버젼의 문제여서 이를 업그레이드하기 위해 nvm 설치 등 했던 과정을 기록해보기로 !
여기서
json - server 란?
아주 간단한 DB와 API 서버를 생성해주는 패키지(라이브러리). 빠르고 간단하게 rest api를 구축할 수 있다.
Backend에서 실제 DB와 API Server가 구축될 때까지-
Frontend개발에 임시적으로 사용할 mock data를 생성하기 위해 json-server를 사용할 수 있는데,
json-server를 통해서 FE에서는 BE가 하고 있는 작업을 기다리지 않고, FE의 로직과 화면을 구현 할 수 있어 효율적으로 협업이 가능!
( 공식문서 참고하기: https://www.npmjs.com/package/json-server )
사용하려면, 패키지를 아래 명령어로 설치해주자 (yarn의 경우)
yarn add json-server
하지만 나는 잘 되지 않았다.
$ yarn add json-server
yarn add v1.22.21
warning package-lock.json found. Your project contains lock files generated by tools other than Yarn. It is advised not to mix package managers in order to avoid resolution inconsistencies caused by unsynchronized lock files. To clear this warning, remove package-lock.json.
[1/4] Resolving packages...
[2/4] Fetching packages...
error lowdb@7.0.1: The engine "node" is incompatible with this module. Expected version ">=18". Got "16.20.2"
error Found incompatible module.
info Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command
위와 같이 떴는데, 우선 package-lock.json.. 이 yarn.lock 과 충돌할 수 있어 경고메세지도 떴고 (yarn , npm 이 혼용되어버려서 ㅠㅠ) -> package-lock.json을 지움
그 아래에 보면, The engine "node" is incompatible with this module. Expected version ">=18". Got "16.20.2"
라는 에러메세지가 떠있는데, 내가 쓰는 node 버젼이 18버전 이하라서 생긴 문제였다 .. ㅠㅠ
그래서
https://mine-it-record.tistory.com/664
이 분의 글을 참고해서, nvm을 설치 후에 node를 18lts 버전으로 업그레이드하니
json-server도 잘 설치되었음 !
위 블로그 내용의 1번 방법 (명령어사용해 설치)과 똑같이, 명령프롬프트에서
npm cache clean --force
npm cache verify
명령어로 cache 삭제, 확인하고
내 경우 윈도우라, npm install -g n 명령어가 안되기 때문에 https://github.com/coreybutler/nvm-windows
에 들어가서 nvm setup.exe를 다운, 설치했다
그리고 다시 명령프롬프트 창에서!
node -v 로 현재 node 버젼 확인 가능
nvm list 명령어로 현재 설치된 node 버젼 (nvm연결된?) 확인 가능
nvm list available 명령어로 설치가능한 node 버젼 확인 가능
그런데 위 블로그대로 nvm install lts 명령어를 입력하면,
lts 버젼 중에서도 가장 최신 버젼이 깔리게 된다 (현재로는 20.11.1 버젼)
만약 18 lts 버젼을 깔고싶으면
nvm install 18 lts
라고 입력해주면 된다
'etc.' 카테고리의 다른 글
[VSC] VScode에서 기본터미널 bash로 변경하기 (윈도우사용자라면 필수!) (0) | 2024.02.19 |
---|