React를 시작하기에 앞서 여러가지를 설치해야 하는데 그 중에 하나가 NVM이다.

1.NVM이란

NVM이란, Node Version Manager로 Node.js의 버전을 관리하는 도구이다.

React를 시작하는데 왜 NVM이 필요할까? 여러 사람들과 팀프로젝트, 협업을 할 때에는 각각 다른 프레임워크나 라이브러리, 개발툴 등 다른 버전의 사용으로 호환에서 어려움을 겪을 수 있다.

또 시스템에 Node.js를 직접 설치하다보면 다른 버전을 설치하게 되는 경우가 많은데, 여러 버전의 Node.js를 관리하기 용이하다.

2.NVM설치하기

1. 먼저 spotlight로 terminal.app을 실행한다. 맨 상단에 bash인지 zsh인지 체크한다. 이에 따라 설치나 환경변수 설정이 상이하다고 한다. 글쓴이의 경우 zsh로 이와 관렪나 설치를 설명하려고 한다.

2. homebrew로 NVM을 설치하기 위해 아래와 같은 커맨드를 입력한다.

brew install nvm

3. NVM이 제대로 설치되었는지 확인을 위해 버전을 확인해본다.

nvm --version

4. 여기서 나는 바로 버전정보가 나타나지 않고, nvm not found라는 에러가 발생하였다. NVM을 사용할 수 있는 환경을 만들어주어야 한다.

5. 위 에러를 수정하기 위해 아래와 같은 작업을 수행하였다.
   먼저 환경변수 설정을 위해 설정 파일을 열어준다.

 vi ~/.zshrc

6. 환경 변수 추가하기 ( 위 파일은 잘못 만지면 설정이 다 변해 다른 파일들도 잘못 될 수 있으니 절대 다른 커맨드를 삭제하지 말아야한다.)

   6-1. i 커맨드입력 - insert (수정)
   6-2. 맨 상단에 아래 커맨드를 입력해준다.

export NVM_DIR=~/.nvm
source $(brew --prefix nvm)/nvm.sh

6-3. 다른 커맨드들 제일 하단에 아래 커맨드를 입력해준다.

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

6-4. 수정을 마치고 esc를 누른뒤 :wq 를 눌러 해당 파일을 빠져나간다. (저장 및 종료)

7. 수정한 파일을 적용하기 위해 아래 커맨드를 입력해준다.

source ~/.zshrc

8. 다시 nvm의 버전을 확인해보자

nvm --version

0.39.1 버전임을 확인할 수 있다.

여기에 node.js만 설치하면 React를 배울 준비가 된다. 켁 이번 일주일도 열심히 화이팅

reference