[Node.js] Node.js & nvm & npm 그리고 MAC에 Node.js 설치하기

Node.js 란?

 

Node.js의 정의 및 특징

• windows, macOS, Linux, Unix 등에서 실행할 수 있는 크로스 플랫폼 오픈 소스 서버 환경
• 백엔드 JavaScript 런타임 환경
• V8 JavaScript 엔진에서 실행
• 웹 브라우저 외부에서 JavaScript 코드를 실행

위키백과에서는 이렇게 알려주는데 V8 JavaScript 엔진에서 실행?!

다른 특징은 무슨 말인지 알겠는데 V8 JavaScript가 무엇인지 보자

 

V8 JavaScript 엔진은 C++ 로 작성된 Googledml 오픈 소스 JavaScript 엔진

 

nvm 란? (Node Version Manager)

 

nvm의 정의 및 특징

• Node.js를 설치하는 툴
• 컴퓨터에 다양한 버전의 Node.js 를 설치할 수 있게 해준다
• use 커맨드를 사용해서 node version을 간단하게 바꿀 수 있다

한마디로 Node 의 버전을 편리하게 관리하는 도구로 보면 되겠습니다.

 

npm 이란? (Node Package Manager)

 

npm의 정의 및 특징

• Node.js의 패키지를 관리할 수 있는 도구
• Python의 pipsk Ruby의 gem같은 존재
• Node.js를 설치하면 자동으로 설치됨

 

그럼 Node.js를 설치해보겠습니다

 

설치 순서는 nvm -> Node.js - > npm 로 가겠습니다

 

nvm 설치

brew update
brew install nvm

 

** Cannot install under Rosetta 2 in ARM default prefix (/opt/homebrew)! nvm을 설치하다가 만난 에러인데 intel 맥북과 m1 맥북의 경로 차이 때문에 발생하는 에러라고 한다 해결책 명령어 앞에 아래 코드를 붙여줍시다. arch -arm64

 

nvm 환경변수 설정

1. ~/ 위치에 .nvm 디렉토리 생성

mkdir ~/.nvm

2. vi 편집기를 열어서 

vi ~/.bash_profile

3. 아래 코드를 넣어줍니다

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

4. 적용 시키기

$ source ~/.bash_profile

 

nvm 설치 확인

nvm -v

위 쥐똥만한 이미지처럼 버전이 나오면 정상적으로 설치된겁니다.

 

Node.js 설치

 

1. 저는 node 16.14.2 버전을 설치할거에요

nvm install 16.14.2

 

2. 이제 나 16.14.2 버전 사용할거야 ! 라고 합시다

nvm use 16.14.2

 

3. node 버전 확인

node -v

명령어를 통해 위 이미지 처럼 버전이 나오면 16.14.2 버전 설치 완료입니다.

 

npm 설치

아까 위에서 설명했듯이 Node.js를 설치하면 npm이 자동으로 설치됩니다.

 

npm 설치 확인

npm -v

명령어를 입력했을 때 위 이미지처럼 버전이 뜨면 모두 정상 설치입니다 ~!