[React Native] 맥에서 앱 개발 환경 갖추기 #1 (홈브루, 비주얼스튜디오코드, Node.js, 자바8 JDK )

맥에서 앱 개발 환경을 갖추는 방법입니다.

 

---

홈브루 설치

홈브루(Homebrew)는 맥에서 사용하는 설치 프로그램 입니다.

 

https://brew.sh/index_ko

Homebrew

방문하여 다음 명령을 복사한 후 터미널에서 실행합니다.

 

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

 

 

---

비주얼 스튜디오 코드 설치

터미널에 다음 명령으로 VSCode를 설치합니다.

brew install cask
brew install --cask visual-studio-code

 

*Homebrew 2.6 이하라면 'brew cask install 설치할 앱' 명령 사용

 

설치가 끝나면 론치패드에서 VSCode 아이콘을 찾아 실행합니다.

그리고 Dock에서 VSCode 아이콘을 마우스 오른쪽으로 클릭하여 [옵션 -> Dock에 유지]를 실행합니다.

이건 앞으로 VSCode를 쉽게 사용할 수 있게 합니다!

 

VSCode를 실행한 후 메뉴에서 [Terminal->NewTerminal]를 실행하여 터미널을

하나 더 띄운 다음 Node.js  등을 설치합니다.

 

 

---

Node.js 설치

 

윈도우10과는 달리 맥이나 리눅스에서는 보통 nvm(node version manager) 프로그램으로 Node.js를 설치합니다.

VSCode 터미널에서 다음 명령으로 nvm을 설치합니다.

brew instell wget
touch $HOME/.zshrc (.zshrc 파일이 없을 때)
wget -q0- https://raw.githubusercontent.com/nvm/v0.35.3/instell.sh | bash

 

명령을 실행하면 $HOME/ .zshrc 파일에 

export NVM_DIR="$HOME/.nvm"

[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm

위 내용이 삽입되어 있습니다.

 

이제 이 내용이 셸에 반영되도록 다음 명령을 실행합니다.

source .zshrc

 

 

nvm을 사용하여 Node.js를 설치할 준비가 되었습니다. 다음 명령으로 최신 LTS 버전 Node.js를 설치합니다.

그리고 제대로 설치되었는지 버전을 확인합니다.

nvm install --lts
node -v

 

 

자바 8 JDK 설치

VSCode 터미널에 다음 명령을 입력하여 자바 버전 8 JDK를 설치합니다.

brew tap AdoptOpenJDK/openjdk
brew install --cask adoptopenjdk8

 

 

그리고 VSCode 터미널에서 다음 명령을 실행하여 편집기로 .zshrc 파일을 열어 줍니다.

code $HOME/.zshrc

 

다음 내용을 마지막 줄에 추가합니다.

export JAVA_HOME=/Library/Java/JavaVirtualMachines/adoptopenjdk-8.jdk/Contents/Home

 

파일을 저장하고 다음 명령을 실행합니다.

source .zshrc

 

그리고 환경 변수 설정이 올바른지 확인하고자 다음 명령을 터미널에서 실행합니다.

echo $JAVA_HOME
java -version

VSCode 터미널에서 환경변수와 버전을 확인할 수 있습니다.

 

 

다음 내용은 '리액트 네이티브 앱프로그래밍(Do it!)' 책을 참고하여 작성하였습니다.