next.js 최신 버전을 사용하려고 보니 노드 버전을
업데이트하라는 문구가 나왔다.
노드 버전을 업데이트 하려면 보통 nvm을 통해 원하는 버전으로 설치하지만 이전에 nvm 없이 노드 버전을 먼저 깐 상태여서 다른 방법이 없는지 찾아보았다.
실패한 시도)
npm install -g n
을 통해 n 플러그인을 설치하여 노드 버전을 업데이트 하려고 했으나 이 플러그인은 윈도우에서 지원하지 않는다고 한다.
➡️ 결국 nvm을 설치하기로..!
만약 nvm을 설치하려면 기존 node.js를 삭제한 다음, nvm를 설치해줘야 한다.
해결방법)
💡 nvm 설치를 통해 원하는 버전으로 node.js 설치
nvm이란?
nvm은 node version manager의 줄임말. Node.js을 여러 버전을 하나의 컴퓨터에 설치할 수 있도록 도와주며 사용자는 손쉽게 여러 개의 버전을 제약 없이 사용할 수 있다.
우선 nvm을 설치하기 위해서는 기존에 설치된 node.js를 삭제한다. 기존에 있는 노드를 삭제 안한 상태에서 nvm을 설치하게 되면 꼬이기 쉽다.
1 제어판에서 노드 삭제
2. 아래 경로에 해당하는 디렉토리 삭제
C:\Program Files\Nodejs
C:\Program Files (x86)\Nodejs
C:\Users\User\AppData\Roaming\npm
C:\Users\User\AppData\Roaming\npm-cache
3. cmd창에 node-v npm-v 확인
아래와 같은 메세지가 나오면 node와 npm이 완전히 삭제되었음을 알 수 있다.
C:\Users\User>node -v
'node.js'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.
C:\Users\User>npm -v
'npm'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.
4. nvm 설치하기
https://github.com/coreybutler/nvm-windows/releases
에서 nvm을 설치할 수 있다.
형광펜으로 표시한 nvm-setup.exe
를 설치하면 된다.
nvm -v # nvm 버전 확인
nvm ls # 현재 내 노드 버전 확인
nvm ls available # 사용가능한 노드 버전 확인
6. 노드 최신 버전 설치
nvm install lts # lts 최신버전
7. 최신 버전 사용
nvm use <노드버전> # 특정 버전의 노드 전환
노드 버전이 제대로 깔려있는지 확인한 다음
다운 받은 노드 버전으로 전환한다.
프로젝트 내에서 node와 npm 버전을 확인해보니
제대로 설치된 것을 확인할 수 있다.
➕ 추가사항)
기존 노드 버전을 삭제하면서 yarn도 같이 삭제되었다.
다시 yarn을 설치해줘야 한다.
git bash
를 통해 기존에 설치한 yarn classic 버전을 설치한다.
npm install -g yarn@1.22.19
yarn -v을 통해 yarn이 설치된 버전을 확인할 수 있다.