[React/React Native] Mac 개발환경 세팅하기 시리즈 (2) - Node, yarn, jdk, Watchman 설치하기

지난 포스트에서 Mac 개발환경 세팅에 제일 기본인 Homebrew를 설치해보았다. 이제는 그것을 이용하여 Node, Yarn, jdk를 설치해보겠다.  아직 못봤다?? 아래 링크로 이동하기.

https://hellomingure.tistory.com/manage/newpost/25?type=post&returnURL=https%3A%2F%2Fhellomingure.tistory.com%2F25

 

1. NodeJs 설치하기 ( ver. 16)

• node 버전 검색하기

brew search node

• 결과 값

==> Formulae
libbitcoin-node     node-build          node@14             nodeenv
linode-cli          node-sass           node@16 ✔           nodenv
llnode              node@10             node_exporter       ode
node                node@12             nodebrew

• node 설치하기

나는 node 16 을 설치하고싶기때문에! 다른버전이 필요하면 위 결과에 나온 버전 다운받아주시면 됩니다.

brew install node@16

정상적으로 설치 완료가 됐는지 알고싶을때는 항상 버전 체크해보기!!!!

node와 npm 둘 다 확인해보기.

node -v
npm -v

• 또 또 not found 어쩌구 뜬다면 바아로 환경변수 설정해주러 가기.

echo 'export PATH=/opt/homebrew/opt/node@16/bin:$PATH' >> ~/.zshrc
혹은
echo 'export PATH=/opt/homebrew/Cellar/node@16/16.20.0/bin:$PATH' >> ~/.zshrc
// 위 내용은 내 terminal에서 node@16 bin의 위치를 찾아서 들어간 뒤 pwd 명령어로 현재위치 파악 후 PATH 경로 설정


source ~/.zshrc

 

2. Yarn 설치하기

brew install yarn 
yarn -v

 

아하,,,까먹을 뻔 했다 Watchman 도 설치해줘야합니다!!

3. Warchman 설치하기

brew install watchman //watchman 설치하기
watchman -v

4. OpenJDK 설치하기 (ver. 11)

• adoptopenjdk/openjdk 저장소 추가하기

brew tap adoptopenjdk/openjdk

brew install cask

brew install --cask adoptopenjdk11

java -version

// 환경변수 설정 들어가기
vi .zshrc

//아래 코드 입력
export JAVA_HOME_11=$(/usr/libexec/java_home -v11)
export JAVA_HOME=$JAVA_HOME_11

// 위 내용 적은 뒤 :qw! 로 나오기

//터미널에서 아래코드 실행하여 환경변수 설정한 것 적용하기
source ~/.zshrc

 

그 외에 설치가 필요한 것들

• Xcode 설치하기
• React Native 사용자는 React Native Cli, CocoaPods 설치하기