[React-native] 환경설정 for Mac

오늘은 Mac에서의 React-native 환경을 구축해 볼것이다.

[목차]

1. Homebrew가 있다는 가정하에 진행해본다.

2. rbenv react-native동작을 위해 ruby 가상환경을 제공해주는 rbenv설치와 환경관리를 할것이다.

3. node, npm 설치 및 버전확인 & 앱의 변동성을 실시간으로 감지할 수 있는 watchman설치

 

---

1. rbenv 설치 및 설정

/* brew로 rbenv 설치 */
brew install rbenv

/* rbenv 설치가능 버전확인 */
rbenv install -l

 

/* 최신버전 설치 */
brew install rbenv 3.2.2

 

/* rbenv 사용 버전확인 */
rbenv versions

 

/* rbenv 기본사용 버전 설정 */
rbenv global 3.2.2
rbenv rehash

 

/* 관련 번들 설치 (권한 에러발생) */
gem install bundler

 

/* vi로 쉘 편집기열기 */
vi ~/.zshrc

대부분 맥이용자들은 알겠지만 vi편집기 사용은 위 명령어 후 "i" 를 눌러 insert상태로 만든후 아래 내용을 입력한다.

입력을 모두 완료하였다면, "esc"를 누르고 ":wq"입력후 엔터를 클릭한다.

[[ -d ~/.rbenv ]] && \
export PATH=${HOME}/.rbenv/bin:${PATH} && \
eval "$(rbenv init -)"

모두 완료되었다면 해당 내용을 쉘에 반영해주기위한 명령어를 입력한다.

source ~/.zshrc

 

반영후 다시 번들러 설치 명령어 실행

 

잘 설치된 것을 확인할 수 있다.

 

---

 

2. node, npm 설치 및 버전 확인 & watchman 설치

/* 노드 설치 */
brew install node

/* 노드 버전확인 */
node --version

/* npm 버전확인 */
npm --version

/* watchman 설치 */
brew install watchman

 

 

이렇게 기본적인  react-native 개발환경을 설정해보았다.

 

- 새벽코딩 -