Front-End/Javascript

NVM Window 설치 및 사용방법

외계공룡 2022. 11. 27. 17:00

nodejs나 react 사용 시 팀 프로젝트를 진행하다 보면 github에서 프로젝트를 내려받고

npm install & npm start를 한 순간 오류가 와장창...? 나오는 경험을 해보셨을 수도 있습니다.

 

이 순간 제일 짜증 나는 건 왜 나만 안돼??

 

그러게요... 분명 깃헙 소스 제대로 받고 모듈 설치하고 실행만 했을 뿐인데

다른 팀원들은 똑같이 해서 잘만 나오는데 왜 나만 안되는걸까요?😂 

 

그 해답은 nodejs 또는 npm 버전 충돌 문제에 있습니다. (저는 npm install시 package-lock.json 파일이 완전히 바뀌어서 알게 되었습니다.)

아마, 이런 경험을 해보신 분들은 기존에 또 다른 프로젝트에서 다른 버전의 nodejs와 npm을 사용하셨을 겁니다.

이럴 때는 기존의 nodejs를 uninstall 한 후 새로 진행할 프로젝트에 맞게 nodejs를 새로 설치하시면 됩니다.

 

그런데 기존 프로젝트도 진행해야 되고 새 프로젝트도 같이 진행해야 된다고 할 때는 어떻게 해야 할까요?

그때마다 매번 nodejs를 삭제하고 재설치를 해야 하는 걸까요??😞 

 

그런 경우를 대비해서 이미 다른 훌륭한 개발자분들이 오픈소스로 NVM이라는 노드 버전 관리 도구를 만들어놓았습니다.

서론이 조금 길었는데 이 NVM이라는 것을 한번 살펴보고 어떻게 사용하는 것인지 알아보도록 하겠습니다.

 

NVM

Node Version Manager

  • 원하는 node 및 npm 버전을 사용 가능
  • 여러 개의 node 버전을 설치하고 선택 가능

 

설치

 

GitHub - coreybutler/nvm-windows: A node.js version management utility for Windows. Ironically written in Go.

A node.js version management utility for Windows. Ironically written in Go. - GitHub - coreybutler/nvm-windows: A node.js version management utility for Windows. Ironically written in Go.

github.com

이곳에 들어가서 [Download Now!] 버튼을 클릭하고 최신 버전의 nvm-setup.zip 또는 nvm-setup.exe 파일을 받으셔서 실행하시면 됩니다.

설치하실 때 기존에 설치된 노드가 이미 있는데 NVM에 추가할 것인가 묻는다면 "예"를 선택해주세요~! 

설치가 완료되면 아래 명령어를 통해 nvm을 사용하시면 됩니다😊

 

명령어

설치된 nodejs 목록보기

nvm list

nodejs 추가 설치

nvm install {version} /* window에서는 --lts 및 node 사용불가능하므로(오류발생) 직접 버전 입력해줘야함 */

node 버전 바꾸기

nvm use 14.17.3

 

참고자료

이곳에 설치과정에 대한 좀 더 자세한 설명이 있으므로 글로만 보셨을 때 헷갈리신다면 아래 포스팅을 참조해주세요.

 

[JavaScript] NVM 설치하기(for Windows)

NVM이란? NVM은 Node Version Manager의 약자이고 여러 버전의 Node.js 설치 및 버전 변경을 관리해주는 도구입니다. NVM을 사용하면 상황에 맞게 Node.js를 원하는 버전으로 설치하거나 변경할 수 있습니다.

kjchoi.co.kr