【React-Native】RNのインストール

私は日本就職を目指して、勉強している韓国人大学生です。
もし、内容の中で間違った表現や言葉などがあれば、書き込みをしてください。

【React-Native】の目次

1. RNのインストール
2. プロジェクトを作成
3. アプリ内メッセージを表示する
4. タッチイベント、ボタン、スクロール

インストールの段階

インストール環境：macOS Big Sur ver 11.4, iTerm, oh-my-zsh

1. nvm（Node Version Manager）
2. node.js
3. Android Studio
4. JAVA
5. XCode
6. Visual Studio Code
7. CocoaPod
8. React Native CLI

nvm（Node Version Manager）インストール

1. curlを使って、インストール

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

2. ~/.bash_profileにexportを追加

   $ vi ~/.bash_profile
   

   // すでにあれば追加しなくても良い
   export NVM_DIR="$HOME/.nvm"
   [ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm
   

3. ~/.bash_profileをリスタート

   $ source ~/.bash_profile
   

4. インストール状態を確認

   $ nvm ls
   
   // 実行結果
   ->      v6.10.1
            system
   default -> 6.10.1 (-> v6.10.1)
   node -> stable (-> v6.10.1) (default)
   stable -> 6.10 (-> v6.10.1) (default)
   iojs -> N/A (default)
   lts/* -> lts/boron (-> v6.10.1)
   lts/argon -> v4.8.1 (-> N/A)
   lts/boron -> v6.10.1
   

node.js & npm(Node Package Manager)

• node.js

  $ nvm install 10.15.1
  $ nvm ls
  $ nvm use 10.15.1
  $ node -v
  $ npm -v
  

Android Studioインストール

1. WEBページからのインストールリスト

2. SDK Managerでのインストールリスト

   • Android 10.0 (Q)
   • Android SDK Platform 29
   • Intel x86 Atom_64 System Image
   • Google APIs Intel x86 Atom_64 System Image
   • Google Play Intel x86 Atom System Image

3. ADK Managerで仮想デバイスを追加

4. ~/.bash_profileの設定

   export ANDROID_HOME=/Users/{user}/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
   

   export ANDROID_HOMEのDIRとAndroid SDK Locationは一致‼︎

   設定後、source ~/.bash_profile命令を実行

5. インストール結果を確認

   $ adb
   Android Debug Bridge version 1.0.41
   Version 30.0.4-6686687
   

JDKインストール

• JDK 11のインストールリング
• java --versionでバージョンを確認

XCode, Visual Studio Codeインストール

WEBページを検索して、自分でインストールしてください。

CocoaPod & React Native CLIインストール

   $ sudo gem install cocoapods
   $ npm install -g react-native-cli
   $ react-native --version