M1으로 React-Native 세팅하기 iOS편

• Xcode 설치
  •  설치 시간이 꽤 오래걸리기 때문에 가장 처음으로 세팅하는 것을 추천!

 

• iTerm2 설치
  • https://iterm2.com 에서 설치
  • 필수라기 보단 좀더 쉽게 M1에서 세팅 할 수 있는 터미널
• 우클릭을 해서 ‘정보가져오기’를 누르고 ‘Rosetta를 사용하여 열기’ 클릭
  • 응용 프로그램(Intel)은 앱이 Intel 프로세서만 지원하며 Apple Silicon이 탑재된 Mac에서 작동하려면 Rosetta가 필요함

 

• oh-my-zsh 설치
  • 필수는 아니지만 사용하기 편하다고 하며 많은 사람들이 사용하기에 설치...!

 

• homebrew 설치
  • https://brew.sh/index_ko 에서 설치
  • brew --version 으로 설치 확인
  • 맥에서 다양한 도구들을 설치할 수 있는 패키지 매니저

 

• node, cocoapods, watchman, ffi 설치
  • brew install watchman
    → watchman —version 으로 설치 확인
  • sudo gem install cocoapods
    → pod —version 으로 설치 확인
  • brew install node
    → node -v , npm -v 으로 설치 확인
  • sudo gem install ffi
    → open ~/.zshrc 으로 열고 아래 코드 작성

//맨마지막줄에 아래 코드를 추가하여 환경변수 설정해서 저장

export GEM_HOME=$HOME/.gem
export PATH=$GEM_HOME/bin:$PATH

 

• Xcode 세팅
  • 이 부분도 시간이 꽤나 많이 소요되는 작업으로 미리미리 하면 좋다!

• 이제 대망의 react-native 설치
  • npm install -g react-native-cli
  • → react-native --version 으로 설치 확인

 

• 프로젝트 생성
  • react-native init 프로젝트이름

---

모두 다 설치를 했는데도 오류가 났던 포인트가 있다..!

1. 루비 버전 안맞음

2. cli 

느낀점, 공식문서와 에러코드는 꽤나 친절하다.

 

도움받은 루비 버전 업데이트 관련 링크도 함께 첨부한다! https://codecamper.me/blog/122/

Ruby 버전 업데이트 방법 in MacOS - Blog