기존에 사용하고 있던 맥북 m1에 react native를 책과 인터넷을 참고하며 세팅을 시작했다.
이미 설치되어있는 항목을 제외하고
nvm 설치 -> java(jdk8) 설치 -> watchman 설치 -> 안드로이드 스튜디오 설치 -> 환경 변수 세팅 -> 코코아 포드(CocoaPods) 설치 -> 리액트 네이티브 앱 프로젝트 생성 -> 안드로이드 시뮬레이터 실행
그리고 에러가 나면서 실행이 안됐다.
에러가 나서 자바 11버전도 다운로드 해보고
CocoaPods가 다운로드가 안되어서 별 짓을 다해봤다.
안드로이드 스튜디오 설치시 와이파이 네트워크로 하다가 랜선으로 바꿔서 재설치하니 안보이던 게 보였다.
npx react-native doctor로 오류를 살펴봤을 때, 안드로이드 스튜디오와 Xcode 그리고 CocoaPods에서 계속 에러가 났고 N/A로 떴다. 진짜 일주일 동안 열심히 검색하면서 해결방안을 찾고 해맸지만 결국 해결할 수 없었다.
다른 사람들은 쉽게 하는 거 같은데, 나만 일주일째 못하고 있는 거 같아 화가 났다.
그래서 맥북을 초기화 했다.
그리고 세팅을 다시 시작했다
1. xCode 설치
앱스토어에서 다운로드
2. Homwbrew : https://brew.sh/ 에서 코드 복붙
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
3. nvm 설치
nvm install v18.16.0
4. Watchman 설치
brew install watchman
5. Ruby 설치
brew install rbenv ruby-build
rbenv init
~/.zshrc 에 eval "(rbenv init - zsh)" >> ~/.zshrc
rbenv install 2.7.6
해당 폴더에서 rbenv local 2.7.6 실행
6. cocoapods 설치
해당 폴더에서 sudo gem install cocoapods실행
7. npx react-native init {프로젝트이름}
8. 안드로이드 스튜디오 설치
https://developer.android.com/studio
mac 설치파일 다운로드
랜선 연결하여 android 설치 내부 설치 프로그램 설치
이후 npx react-native doctor로 오류를 살펴봤을 때, 안드로이드 스튜디오와 Xcode에서 또 에러가 떴다.
안드로이드 스튜디오와 폴더를 연결하고 로딩되는 걸 기다린 후
안드로이드 yarn android를 실행했는데, 잘 나왔다.
(npx react-native doctor를 믿지 말아야 했다.)
이후 xcode도 잘 나오리라는 마음을 가지고 실행을 했지만 실패했다.
검색해 보니 xcode 경로를 찾지 못한다는 내용이다
sudo xcode-select --switch /Applications/Xcode.app
또 에러가 생겨서 해결 방법을 찾아
ios 폴더에서 pod install 했다.
이후 ios도 실행됐다!
문제
npm을 갑자기 사용할 수 없게 되었다
zsh: command not found: npm
원인은 nvm을 세팅할 때 잘못된 파일에 세팅해서 그런 거였다.
해결방법으로 vim ~/.zshrc를 실행해 nvm의 세팅을 위한 코드를 작성했고 정상적으로 실행되었다.
export NVM_DIR=~/.nvm
source $(brew --prefix nvm)/nvm.sh참고
설치순서
https://velog.io/@hyehyeonmoon/M1%EC%97%90%EC%84%9C-React-Native-%EC%84%B8%ED%8C%85%ED%95%98%EA%B8%B0
ios 에러
https://jhb.kr/361
https://drehzr.tistory.com/793
