JavaScrpit과 NVM, NPM

 

JS를 설치하려면 NodeJS를 설치해야한다.  

근데 프로젝트마다 노드 버전이 다를 수 있다.

간략하게 설명한다.

 

• JS를 사용하기 위해서 V8이라는 JavaScript 엔진 위에서 동작하는 자바스크립트 런타임(환경) -> NodeJS
• 프로젝트마다 각기 다른 노드 버전을 설치해서 관리하기 위해서 사용하는 노드 버전 매니저 -> NVM
• 프로젝트 내에서 노드를 가지고 설치한 패키지들을 관리하기 위한 매니저 -> NPM

 

그래서 순서를 정하자면,

1. NVM 설치

2. NVM으로 노드버전 설치

3. 프로젝트(Express든 NestJS 든) 실행 후 패키지 매니저로 NPM init으로 프로젝트 내에서 패키지 버전 관리

 

* NVM 내에서 NodeJS 버전을 골라서 설치하는 것이다. 기존 Local 컴퓨터에 Global로 NodeJS를 설치했다면 삭제해주자.

* NPM은 NodeJS 설치시 같이 설치되므로 따로 설치할 필요가 없다.

 

그래서 나는 1, 2 번만 할 생각이다.

3번은 사이드 프로젝트 실행하면 다른 글에서 다루도록 하겠다.

---

1. NVM 설치

 

우선 nvm을 설치한다.

brew install nvm

 

다음으로는 zshrc를 생성한다.

참고로 zsh 기준이고, zsh은 bash 와는 다르다.

쉘은 여러가지가 있는데, 기본적으로 mac m1은 zsh이 설치되어 있을것이다

나는 mac m1, zsh 기준으로 명령어를 설명하겠다.

# zshrc 파일 생성(기본적으로 있을거라서 만들지 않아도 됨. 혹시 몰라서 적어둠)
$ touch ~/.zshrc

# nvm 디렉토리 생성
$ mkdir ~/.nvm

# zshrc 파일 수정
$ vi ~/.zshrc

 

파일의 맨 마지막에 아래와 같이 붙여놓는다.

# 쉘스크립트 파일 편집
esc 키 누른 후 ":" 키보드 누르기

# zshrc 파일 맨 아래에 아래 붙여넣기
export NVM_DIR=~/.nvm
source $(brew --prefix nvm)/nvm.sh

# 쉘스크립트 저장 후 나가기
esc 키 누른 후 :wq! 입력

 

그리고 쉘스크립트는 입력만 한다고 터미널에 바로 적용되지 않는다.

# 설정파일을 로드하게 되는데, 리부팅 없이 이를 즉시 적용하기 위해서 source 명령어 사용
$ source ~/.zshrc

 

nvm이 설치가 되었는 지 확인한다.

# nvm 버전 확인
$ nvm --version
0.39.3

 

---

2. NVM 을 이용해서 NodeJS 설치하기

 

최신 버전으로 설치해보겠다.

2023.7.13 기준 18버전이 최신인것 같으니까 18버전으로 설치

# nvm 이용해서 노드버전 설치
$ nvm install v18

 

설치 되었는 지 확인해보자.

# 노드 설치 목록 확인
$ nvm list
->     v18.16.1
default -> v18 (-> v18.16.1)

# 노드 버전 확인
$ nvm current
v18.16.1

 

다른 버전도 설치해서 노드 버전을 바꿀 수 있는지 확인하자

# 다른버전 설치
$ nvm install v17

# 설치된 노드 버전 확인(기본버전이 18로 설정되어있는 것 같다)
$ nvm list
->      v17.9.1
       v18.16.1
default -> v18 (-> v18.16.1)

# 노드 버전 교체
$ nvm use v17.9.1
Now using node v17.9.1 (npm v8.11.0)

# 노드 버전 확인
$ nvm current
v17.9.1

# 노드 목록 확인(기본 노드 버전은 최신이 default인것 같다.) 
$ nvm list
->      v17.9.1
       v18.16.1
default -> v18 (-> v18.16.1)

 

 

 

이상으로 노드 버전 매니저를 설치해서 노드버전을 관리하는 방법을 알아봤다.