리액트네이티브 개발준비 (2) - 와치맨, 안드로이드스튜디오, vscode, xcode, CocoaPods

이제 개발 툴을 설치해 보겠습니다. 

WatchMan(와치맨), Android Studio(안드로이드 스튜디오), xcode, CocoaPods를 설치해볼게요. 

 

---

1. WatchMan

 와치맨은 페이스북이 만든 파일 모니터링 도구입니다. 

 맥OS에서만 지원이 됩니다. 윈도우 쓰시는 분들은 사용할 수 없습니다 ㅜ

 파일을 모니터링하면서 변화가 발생 했을 때 이벤트를 처리하는 용도로 사용합니다. 

 필수는 아니지만 높은 성능으로 파일을 모니터링 할 수 있어 사용하면 좋을 것 같네요. 

 brew로 간단히 설치 하겠습니다. 

brew install watchman

 

 

brew install watchman

---

2. Android Studio 설치

 안드로이드 앱을 만들기 위해 설치합니다.  

 안드로이드 스튜디오 설치 페이지에서 다운받아서 설치합니다. 맥, 윈도우 모두 똑같습니다. 

 아래 주소로 이동하세요.

https://developer.android.com/studio/index.html

Download Android Studio & App Tools - Android Developers

 

안드로이드 스튜디오 설치 페이지

 

 

안드로이드 스튜디오 설치

 

 2-1. 설치 시작 

 설치된 안드로이드 스튜디오 아이콘을 클릭하여 실행하면 다음과 같은 창이 뜹니다. 

 next 를 눌러 이동해 주세요.

안드로이드 스튜디오 설치 시작

 2-2. 안드로이드 스튜디오 테마 설정 

 안드로이드 스튜디오 테마 설정입니다. 

 저는 그냥 스탠다드로 하겠습니다. 

 커스터마이징 하고 싶으시면 커스텀으로 하여 하셔도 됩니다. 

안드로이드 스튜디오 테마 설정

안드로이드 스튜디오 설치완료

 

2-3. 안드로이드 환경 변수 설정

 2-3-1. 맥 OS 

 맥 OS 카탈리나 미만 버전에서는 bash 쉘이므로 ~/.bash_profile 또는 ~/.bashrc 파일을 수정하고,

 카탈리나 버전 이상에서는 zsh 쉘이므로 ~/.profile 또는 ~/.zshrc 파일을 수정해 환경변수를 설정합니다. 

 저는 zsh 쉘을 설치했었어서 ~/.zshrc 파일을 수정하겠습니다. 

 

vi ~/.zshrc

vi ~/.zshrc

 파일에 하단에 아래 코드를 넣고 저장합니다. 

 

export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/emulator
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools

 

안드로이드 환경변수 설정

 2-3-2. 윈도우

 윈도우에서는 시스템 속성 > 환경변수 > 시스템변수 > 새로 만들기 에서 ADROID_HOME 변수를 설정한다. 

 변수 이름 : ANDROID_HOME
 변수 값 : C:\Users\계정명\AppData\Local\Android\Sdk

---

3. vscode 설치 

 개발을 위한 에디터를 설치합니다. 다른 에디터가 익숙하거나 사용하던 에디터가 있다면 굳이 설치하지 않아도 됩니다. 

 저는 vscode를 많이 사용한다길래 ㅋㅋ 설치해 봤습니다. 

 아래 설치 링크로 가서 설치해 주세요. 

https://code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

 

 

4. Xcode 설치 

 액스코드는 iOS 프로젝트를 만들기 위해 설치하는 프로그램입니다. 

 앱스토어에서 검색하여 설치합니다. 

앱스토어에서 Xcode 설치

 

5. CocoaPods 설치

 액스코드와 마찬가지로 iOS 프로젝트를 만들기 위해 설치하는 프로그램입니다. 

brew install cocoapods

brew install cocoapods