오랜만에 맥북 포맷해서 개발환경 초기세팅을 다시 해봅시다

참고로 MacBook Air M2 모델 기준

Homebrew

우선은 시원한 맥주 한 잔부터 Homebrew부터 깔아봅시다

 

Homebrew

The Missing Package Manager for macOS (or Linux).

brew.sh

들어가서 맨 위에 Install Homebrew 아래의 명령어를 복사

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

터미널에 붙여 넣자

macOS 비밀번호 입력

아마 설치한 후에 바로 brew -v 하면 안 되는 경우가 있는데
환경변수 등록을 안 해줘서 그렇다

echo 'export PATH="/opt/homebrew/bin:$PATH"' >> ~/.zshrc

해석하면 export PATH="/opt/homebrew/bin:$PATH"라는 문자열을
~/ .zshrc 파일 끝에 >> (append) 하겠다는 명령어고

문자열 안의 내용은 /opt/homebrew/bin을 PATH 경로에 추가하겠다는 의미인데
몰라도 상관없으니 빠르게 붙여 넣어주자

초기폴더이름 - .zsh

보통 초기 맥북 터미널로 접속한다면 zsh(z-shell) 일 텐데
만약 zsh 가 아니라 bash 나 다른 shell을 사용한다면
~/. bashrc나 ~/. bash_profile 같이 다른 파일명을 가지고 있으니 삽질에 주의할 것

source ~/.zshrc

source 명령어로 바뀐 환경변수 명령을 적용하고 확인해 보자

brew -v

이런식으로 나오면 성공

NVM

homebrew 깔았으면 이제 nvm(node version manager)을 깔아봅시다

brew설치했으면 바로 node.js 설치할 수 있는데 귀찮게 nvm 왜 까나요?

nvm 공식 github

Node.js의 다양한 버전을 명령줄로 빠르게 설치하고 사용할 수 있도록 해주는 도구 라고 하는데

나는 하나의 프로젝트만 진행할 거예요 하면 상관없겠지만
프로젝트마다 노드버전이 다른 경우 빠르게 node.js를 설치하고 관리하는데 유용함

똑같이 터미널에 쳐주자

brew install nvm

마찬가지로 설치 이후에 바로 nvm -v 하면 안 될 텐데

친절하게 다 설명해 주니까 천천히 따라가면 됩니다
우선은 nvm이 정상작동하려면 nvm 작업 디렉터리가 있어야 하는데
mkdir로. nvm이라는 폴더를 만들고

mkdir ~/.nvm

 

사용하는 shell에 맞는 프로필 파일(~/. bashrc, ~/. zshrc, ~/. profile 등)에 아래 코드를 추가하라고 합니다

vi 커맨드를 모르면 저장하는 게 헷갈릴 수 있는데
붙여 넣은 다음 esc 누르면 명령모드로 바뀌고 :wq(저장하고 나가기) 하면 됩니다

#.zshrc 파일을 편집모드로 생성
vi ~/.zshrc

# .zshrc 에 붙여넣기
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
  
# 저장하고 나가기
:wq

source 명령어로 수정한 환경변수 파일 적용

source ~/.zshrc

 

잘 설치됐는지 확인해 보자

nvm -v

nvm -v

이렇게 나오면 성공

자주 쓰는 nvm 명령어 정리

$ nvm ls // 설치된 모든 node 버전 조회하기
$ nvm use <version> // 특정 node 버전 사용하기
$ nvm current // 사용중인 버전 확인하기
$ nvm uninstall <version> // 필요없는 node 버전 삭제하기

Node.js

이제 node.js를 설치해 보자 공식 사이트 들어가면 친절하게 설명해 준다

 

Node.js — Download Node.js®

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

node 설치 페이지

원하는 버전 고르고 macOS 골라준 다음 nvm 사용하면 설치하는 명령어가 다 나오는데
이미 nvm을 깔았기 때문에 첫 번째 명령어는 패스, 바로 install로 들어가면 된다

나는 24.11.22 기준 최신 LTS 버전인 22버전으로 설치

nvm install 22

nvm 설치가 잘되었으면 문제없이 잘 설치될 것임

node -v
npm -v

node가 잘 설치되었다면 npm 도 설치되었을 테니 확인해 보자

티스토리툴바