node 설치 방법 변경

변경 배경

기존에는 brew에서 바로 node를 설치했었다.

하지만 brew로 설치되는 버전이 node 홈피에 안내되는 버전과 미세하게 달랐다.

현재 기준

node 홈피: v22.11.0(LTS)

brew: v22.9.0

 

이게 미세하게 다른게 은근히 거슬린다. (brew info node@22 를 해보면 홈피LTS와 같은 버전이 나오기는 한다. == node@22로 설치를 해줘야 LTS와 같은 버전이 설치될듯 싶다.)

게다가 최근에 nth-check와 같은 의존성 버전 안맞는 Security가 계속 발생하니 node 버전이 더욱 신경쓰였다.

그리고 뭘 설치하는데 권한때문에 막혀 sudo를 쓰는 경우도 생기다보니 이것도 brew로 설치해서 생기는 문제가 아닌가 하는 생각이 들었다.

 

그러던 중 오늘 패키지 매니저 관련 글을 보고 yarn v1 => pnpm 마이그레이션 하면서 node설치도 brew -> nvm으로 변경하기로 했다.

---

사전 작업

우선 brew로 설치한 node와 관련된 것들을 전부 제거해주고, node도 제거해 준다.

brew uninstall yarn
brew uninstall typescript
brew uninstall node

나의 경우 brew로 yarn과 typescript를 설치했었어서 먼저 지워줬다. (먼저 안지울 경우 node 삭제시 의존성 오류로 삭제가 안된다.)

---

nvm 설치

brew install nvm

 

설치 후 환경변수를 추가해줘야한다

vim ~/.zshenv

열어서

export NVM_DIR="$HOME/.nvm"
[ -s "/opt/homebrew/opt/nvm/nvm.sh" ] && \. "/opt/homebrew/opt/nvm/nvm.sh"  # This loads nvm
[ -s "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm" ] && \. "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm"  # This loads nvm bash_completion

복붙 해주고, esc -> : -> wq > enter

source ~/.zshenv

적용해주기

nvm -v

로 설치 잘 되었나 확인

---

node 설치

nvm ls-remote

로 설치 가능한 node 버전들 확인 가능

nvm install --lts

최신 lts 설치

nvm install 22

원하는 버전 설치

nvm ls

설치된 사용 가능한 버전들

nvm use --lts
nvm use 22

원하는 버전 사용

---

추가 설정

pnpm을 설치하고, TypeScript를 글로벌 설치하려면 pnpm의 추가적인 설정이 필요하다. 해당 내용은 아래 글에서 다루겠다.

https://springdream0406.tistory.com/230

yarn v1 => pnpm

 

brew cleanup

마지막으로 cleanup 한번 해주자.

---

참고 사이트

https://melonicedlatte.com/2022/06/27/214900.html

[Mac OS/NVM] 맥/맥북에서 NVM(nodejs version manager)으로 node 버전별 설치/관리하기 - Easy is Perfect