React Native environment setup(Mac)

React Native 환경 설정

1. Xcode 설치:
   React Native는 iOS 개발을 위해 Xcode를 필요로 합니다. App Store에서 Xcode를 다운로드하고 설치합니다.

2. Command Line Tools 설치:
   Xcode 설치 후, 터미널을 열고 다음 명령어를 실행하여 Command Line Tools를 설치합니다.

   ```bash
   xcode-select --install
    ❉ 오류 발생시 : "sfotware update"은 무시해도 좋다. 
    ❉ 기타 : xcode에서 deivce emulator가 추가 되어있는지 확인, 없다면 SDK&Emulator 추가 
   ```

3. Watchman & cocoapods 설치:
   Watchman은 파일 시스템을 감시하는 도구로, React Native 개발 시 필요한 도구입니다. Homebrew를 사용하여 설치합니다.

   ```bash
   brew install watchman
   sudo gem install cocoapods
   ```

4. Node.js와 npm 설치:
   React Native도 Node.js와 npm을 필요로 합니다. 앞서 React 환경 설정 과정에서 이미 설치했다면 생략 가능합니다. 설치되지 않았다면 다음 명령어를 실행합니다.

   ```bash
   brew install node
   
   ```

5. React Native & React Native CLI & Expo 설치:
   React Native 프로젝트를 생성하기 위해 React Native & React Native CLI & Expo 설치합니다.

   ```bash
   npm install -g react-native-cli
   npm install -g react-native
   
   ❉ expo를 사용할 분들은 아래 설치 
   npm install -g expo-cli
   
   ```

6. 새 React Native 프로젝트 생성:
   React Native CLI를 사용하여 새로운 프로젝트를 생성합니다.

   ```bash
   npx react-native init MyReactNativeApp
   cd MyReactNativeApp
   
   # expo 사용시 
   npx expo init project_name
       or
   npx create-expo-app@latest project_name --template blank@latest
   ```

7. iOS 시뮬레이터 실행:
   Xcode에서 iOS 시뮬레이터를 실행한 후, 터미널에서 다음 명령어를 실행하여 앱을 실행합니다.

   ```bash
   npx react-native run-ios
   
   ```

8. Android 환경 설정 (선택 사항):
   Android 개발을 위해서는 Android Studio를 설치해야 합니다. Android Studio 설치 후, Android SDK와 AVD(Android Virtual Device)를 설정합니다. 설치 및 설정이 완료되면 다음 명령어를 실행하여 Android 에뮬레이터에서 앱을 실행할 수 있습니다.

   ```bash
   npx react-native run-android
   
   ❉ 오류시 : 아래 9번을 참조하여 수정, adb문제는 에뮬레이터가 실행이 안된경우라서, 안드로이드 에서 
            sdk와 device 설정 및 emulator 실행 후 문제가 해결됩니다.
            (expo 사용시 emulator 자동 호출 후 빌드 하기때문에 좀더 간편성이 있습니다.)
            
   ```

9. React Native 점검

   npx react-native doctor
   사용후 오류나 문제가 있다면 수정해 나가면된다.

10. 기타 오류 처리

    • [DEP0040] DeprecationWarning: The punycode module is deprecated. Please use a userland alternative instead.

      • brew search node → brew install node@20

        $ node -v
        v22.2.0
        
        $ brew search node
        ==> Formulae
        libbitcoin-node           node ✔                    node@14                   node@20                   nodeenv
        linode-cli                node-build                node@16                   node_exporter             nodenv
        llnode                    node-sass                 node@18                   nodebrew                  ode
        
        $ brew install node@20
        $ brew unlink node
        $ brew link --overwrite node@20
        $ source ~/.zshrc