macOS에 nvm설치하는 방법

터미널 shell 변경 방법

현재 제가 사용하는 컴퓨터는 무려 2013년도에 출시된 아이맥입니다. 메모리만 추가해서 사용하고 있는데요. OS는 카탈리나까지 적용됩니다. 카탈리나부터 터미널에 변화가 생겨서 기존에는 bash가 기본값이었는데 zsh가 기본값으로 바뀌었습니다. 

만약 shell을 변경하고자 하면 아래 명령을 실행하고 터미널을 다시 실행하면 됩니다.

chsh -s /bin/bash

하지만 터미널을 재실행하면 아래와 같은 오류가 발생합니다.

직역하면 이제 기본 shell은 zsh니까 zsh를 사용하도록 업데이트 하라고 합니다. 처음에는 뭐가 뭔지 모르고 bash로 복구 했었는데 아래 명령어를 통해 zsh로 다시 변경해줍니다.

chsh -s /bin/zsh

명령 실행 후 터미널을 다시 실행하면 zsh로 변경됩니다.

 

홈브루(Homebrew)

출처 : https://github.com/Homebrew/brew.sh/blob/master/assets/img/homebrew.svg

nvm은 Node.js를 여러 버전으로 설치 및 이용할 수 있도록 관리해주는 도구입니다. 이를 위해서는 먼저 홈브루(Homebrew)를 설치합니다. 홈브루의 정의는 아래와 같습니다. 

macOS용 패키지 매니저. 자칭 'macOS에서 필요하지만 애플에서 제공하지 않는 소프트웨어를 제공'한다.
- 나무위키

Homebrew는 Apple(또는 Linux 시스템)에서 제공하지 않는 유용한 패키지 관리자를 설치합니다.
- Homebrew

소프트웨어 패키지 관리 시스템의 하나로서 애플의 macOS 운영 체제의 소프트웨어 설치를 단순하게 만들어준다.
- 위키백과

즉, 홈브루는 애플 macOS 운영 체제의 소프트웨어 설치를 단순하게 만들어주는 도구입니다. 왜 홈브루를 사용하는가는 아래의 내용을 참고하시면 좋겠습니다.

맥에서 Homebrew 홈브류 설치, 삭제 및 기본 적인 사용 방법

맥에서 Homebrew 홈브류 설치,삭제 및 기본 적인 사용 방법 - SoEasyGuide

 

설치방법은 홈브루 홈페이지의 아래 코드를 터미널에서 붙여넣기 하고 실행하면 끝입니다.

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

 

NVM 설치

이제 홈브루를 통해 아래의 방법으로 nvm을 설치합니다.

brew install nvm

 

환경변수 설정

~/ 라는 위치에 .nvm이라는 이름의 폴더(디렉토리)를 생성합니다.

mkdir ~/.nvm

그 다음

vi ~/.bash_profile

을 실행해서 ~/.bash_profile 파일을 열어줍니다.

참고로 vi가 불편하면 기존에 VScode로 파일 열 때 code 명령어 쓰는 것처럼 아래와 같이 입력하면  익숙한 VScode로도 수정 가능합니다.

code ~/.bash_profile

어쨌든 그럼 VScode가 따로 실행되거나, vi는 편집기로 위의 명령대로 했다면 터미널이 편집할 수 있는 화면으로 바뀌는데 아래의 내용을 붙여넣습니다.

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

그리고 esc키를 누른 다음 :wq 명령어를 입력해 저장하고 빠져나옵니다.

입력한 내용을 적용하기 위해 아래의 명령어를 실행합니다.

source ~/.bash_profile

이제 설치된 nvm의 버전을 아래의 명령어로 확인해봅니다.

nvm -v

 

오류발생 (nvm: command not found)

nvm: command not found

설치 후 바로 버전을 확인했을 때는 정상적으로 출력되는데 터미널을 껏다가 다시 켜면 위의 오류 메시지가 나오고 정상작동하지 않는 오류가 발생했습니다. 이것은 앞서 언급했듯 Mac이 최근에는 기본 Shell을 zsh로 사용하는데  zsh는 켜질 때 ~/.zshrc를 실행시켜서 작동합니다. 그런데 이 환경병수에서 위의 .bash_profile을 실행하지 않기 때문입니다.  

해결방법1

터미널을 실행할 때마다 아래의 코드를 실행해서 적용시켜 주면 됩니다. 하지만 번거롭겠죠

source ~/.bash_profile

해결방법2

아래의 코드를 실행해 .zshrc를 편집할 창을 열어줍니다.

code ~/.zshrc
또는
vi ~/.zshrc

그다음

if [ -f ~/.bash_profile ]; then
  . ~/.bash_profile
fi

위의 코드를 입력하고 저장합니다. 이제 터미널을 열 때마다 자동으로 source ~/.bash_profile을 실행합니다.

해결방법3

아래 코드를 .zshrc파일 상단에 기재해도 된다고 합니다;; (그런데 2번 방법으로 해결되서 안해봤음)

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

Node.js 설치

nvm을 설치했으니까 Node.js를 설치해보겠습니다.

명령어는 nvm install 버전 으로 입력합니다. 현재기준 LTS 버전은 16.16.0 입니다.

nvm install 16.16.0

정상 설치시 나타나는 화면

설치 한 후 해당 버전을 사용하려면 아래의 명령어를 실행합니다. nvm use 와 버전을 입력합니다.

nvm use 16.16.0

적용된 노드의 버전은 아래 명령으로 확인할 수 있습니다.

node -v

현재 설치된 모든 버전별 node의 목록은 ls명령으로 확인할 수 있습니다.

nvm ls

 

[참고자료]

https://95pbj.tistory.com/42

맥북 터미널 bash 혹은 zsh로 변경하기

https://somjang.tistory.com/entry/macOS%EC%97%90-nvm%EC%84%A4%EC%B9%98%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95-feat-brew

macOS에 nvm설치하는 방법! ( feat. brew )

https://dejavuqa.tistory.com/383

zsh 설치 후 .bash_profile 적용

https://github.com/ohmyzsh/ohmyzsh/issues/5543

nvm is broken after I installing oh-my-zsh? · Issue #5543 · ohmyzsh/ohmyzsh

https://etloveguitar.tistory.com/31?category=910837 

[MAC] 터미널 켤 때 bash_profile 내용 자동 적용하는 법 (run ~/.bash_profile when terminal start up)