react-native 개발 환경(cli)

Htt's 개발일지·2024년 5월 8일
  1. Homebrew

    • xcode 설치가 끝나야 homebrew를 설치할 수 있습니다

      // brew 버전 확인
      brew --version
      
      // brew 경로 확인
      which brew
  2. oh-my-zsh 설치

    • brew install zsh로 zsh를 설치 !
  1. nvm 설치 / 세팅
    • brew install nvm로 설치해주고
    • iTerm2 실행할 때마다 nvm 실행 설정을 하기 위해 다시 vim ~/.zshrc를 열어준다.
      # NVM
      export NVM_DIR="$HOME/.nvm"
      [ -s "/opt/homebrew/opt/nvm/nvm.sh" ] && . "/opt/homebrew/opt/nvm/nvm.sh"  # This loads nvm
      [ -s "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm" ] && . "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm"  # This loads nvm bash_completion
    • 를 붙여주고 source ~/.zshrc
  1. watchman 설치
    • watchman 설치
      brew install watchman
    • watchman 버전 확인
      watchman --version
  1. cocoapods 설치

    cocoapods 설치
    brew install cocoapods
    
    pod 버전 확인
    pod --version
  2. react-native cli 설치

    ```bash
    npx react-native@latest init 폴더명
    ```

설치 중 에러

아래와 같은 에러를 남기며 ios 앱을 빌드할 수 없었음

`bash` --- xcodebuild: WARNING: Using the first of multiple matching destinations: { platform:iOS Simulator, id:57DF2813-FD26-4C6C-B477-83E13407EFE3, OS:17.4, name:iPhone SE (3rd generation) } { platform:iOS Simulator, id:57DF2813-FD26-4C6C-B477-83E13407EFE3, OS:17.4, name:iPhone SE (3rd generation) } ** BUILD FAILED **

해결방법

npx react-native upgrade
npm install
cd ios
pod install
npm start
  • 위와 같은 절차대로 진행을 하면 에러가 해결됨

실행 화면


이미지 설명
profile
웹의 매력을 그림으로 풀어내는 프론트엔드 개발자

0개의 댓글