[React Native] Installation

Krystal·2023년 1월 3일
0

1. nvm 설치

NVM(Node Version Manager) Quick Start
Mac에서 nvm 설치 및 환경 변수 설정하기

# sudo curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash

$ brew reinstall nvm
$ nvm --version
0.33.11
$ nvm ls            
               
->       system
node -> stable (-> N/A) (default)
iojs -> N/A (default)

2. node.js 설치

nvm으로 여러 버전의 nvm을 설치하여 사용할 수 있다.
node.js 설치 시 npm 자동 설치

$ nvm install 16.16.0
$ nvm use 16.16.0

3. npm 설치

$ npm --version
6.4.1

4. Android Studio 설치

https://developer.android.com/studio

SDK Install

SDK Manager > Android SDK > Android 10.0(Q) 설치

Virtual Device Manager

Create device

$ nano /Users/krystal/.zshrc
export ANDROID_HOME=/Users/krystal/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
$ source ~/.zshrc
$ adb
Android Debug Bridge version 1.0.41
Version 33.0.3-8952118

5. JAVA 설치

JDK 11 version 설치

jdk-11.0.8 version 설치

$ java --version 
java 11.0.8 2020-07-14 LTS
Java(TM) SE Runtime Environment 18.9 (build 11.0.8+10-LTS)
Java HotSpot(TM) 64-Bit Server VM 18.9 (build 11.0.8+10-LTS, mixed mode)

6. XCode 설치

App Store에서 XCode Application 설치

XCode > Settings > Locations > Command Line Tolls가 설정 되어있는지 확인

7. Visual Studio Code 설치

8. CocoaPod 설치

$ sudo gem install cocoapods -v 1.8.4
$  % pod --version
1.8.4

9.React Natice CLI

$ npm install -g react-native-cli
$ react-native --version
react-native-cli: 2.0.1
react-native: n/a - not inside a React Native project directory
profile
🚀Be an active developer

0개의 댓글