[Mac] Mac에서 node, npm, yarn 설치하기

ZrunE·2022년 9월 7일
2

Mac Os를 최근에 사용하기 시작했습니다. 처음 패키지 설치부터 글로 정리하기에 보다 좋은 환경이라고 생각했어요. 왜냐하면 이미 설치한 뒤에 정리 블로그를 시작한다는 건 저에게 너무나 귀찮은 일이기 때문이에요... 지금까지 vscode를 설치한 게 전부고, 이후 대부분의 것들을 기록으로 남기려고 합니다.


1. Homebrew 설치하기

Mac에서 npm, yarn 따위의 것들을 설치하기 위해서는 homebrew를 설치해야 합니다.

터미널 실행

상단 메뉴바에서 돋보기 모양을 클릭하거나 command + spacebar를 눌러 '터미널'을 검색하세요.

homebrew 설치 명령어 입력

https://brew.sh/

해당 사이트에 접속해 화면 중앙에 위치한 명령어를 복사해줍니다.

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

터미널로 돌아가서 복사한 명령어를 붙여넣고, enter를 누릅니다.

homebrew 설치

위 화면과 같이 나오면 'Mac 로그인 시 입력하는 비밀번호'를 입력합니다.
화면에 비밀번호가 원래 나오지 않기 때문에 그대로 입력하고 enter!

다시 한 번 enter!

vscode 터미널에서 다운로드했을 때 캡쳐화면으로 대신할게요.

이런 식으로 다운로딩이 진행됩니다. 인터넷 환경에 따라 시간이 소요되기 때문에 기다려줍니다.. 커피 한 잔 마시면서요. 저는 물을 마시겠습니다.


위 사진처럼 나온다면 1차 완료입니다. 에러를 해결해야 할 것 같습니다.

에러 처리하기

사진에서도 나와 있듯 아래의 명령어를 각각 입력해주면 됩니다.

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

eval "$(/opt/homebrew/bin/brew shellenv)"

설치 확인하기

brew --version

위 명령어를 터미널에 입력해줍니다. 아래 사진과 같이 버전이 나온다면 설치 성공입니다!
brew update 명령어로 최신 버전으로 업데이트 할 수 있다는 걸 참고해두세요. 언젠가 다시 검색하겠지만요.


2. node, npm 설치하기

node 설치하기

brew install node

위 명령어를 터미널에 입력해줍니다.

조금 기다려주면 아래와 같은 다운로딩 화면을 거친 후 다운로드가 될 거예요!

node, npm 설치 확인하기

node -v
npm -v

위 명령어를 터미널에 입력해줍니다. 설치가 성공적으로 완료되었다면 다음과 같은 화면이 뜰 거예요.

제가 설치할 당시에는 8.18.0 ver 입니다.


3. yarn 설치하기

yarn 설치하기

brew install yarn --ignore-dependencies
혹은
npm install -g yarn

위 명령어를 터미널에 입력해주세요.

'--ignore-dependencies'는 이미 설치된 패키지는 제외하라는 의미입니다. 꼭! 써주셔야 해요.

사진 첨부를 하진 않지만 node를 설치할 때와 비슷한 과정으로 다운로딩 화면이 나옵니다.

yarn 설치 확인하기

yarn -v

똑같죠? 위 명령어를 터미널에 입력합니다.


다음과 같이 나온다면 설치 완료입니다!


마무리

생각보다 설치하는 게 어렵지 않고, 반복되는 명령어가 많았을 거예요. 하지만 이제 시작이라는 거. 앞으로 개발하다보면 정말 수많은 패키지를 다운받아야 할 거예요. 저도 개발 중 무작정 패키지 다운로드를 받다 보니 어떤 패키지를 설치했나 기억이 잘 나지 않았습니다. 그래도 한 번 한 번 다운로드 할 때마다 어떤 역할을 하는지 검색해서 알아놓는 정도까지만 해도 좋을 것 같아요.

Dream High!

profile
Dream High!

0개의 댓글