[RN] : M1으로 개발환경 구축하기(a.k.a 머리 흰머리 될 뻔한 후기)

어제 til을 작성하지 못한 이유 = react-native run-ios의 늪에 빠졌기 때문...

처음 xcode를 설치할 때 시뮬레이터 구동이 되지 않는다고(어떻게 쓰라는거냐고..) 남겨진 후기들을 흘리듯 보았다.
그래 그 땐 이게 내 일이 될 줄 몰랐고 인간은 원래 닥치지 않으면 느끼지 못하지..

기존 expo로 잠깐 배우다 cli로 갈아탔는데 run-ios 빌드 과정에서 정말 3일 동안 같은 오류가 반복되었고 '아 이게 그 후기에 있는 그 말인가..?'라는 생각에서부터 나와 동일한 오류를 가진 사람들이 어어어엄청 많다는 것을 알았다.

이렇게도 해보고 저렇게도 해보고 npm, homebrew 등등부터 다 삭제하고 처음부터 설치해보고 bash에서 해보고 zsh에서도 해보고 정말 온갖 별짓을 다했는데 3일만에 천사를 만나 해결하였다..

(너무 감격스러워서 입틀막🤭)

진짜 환경 구축은 func error보다 스트레스받는데 해결하면 소름끼치게 행복함..

---

프로젝트 생성하기

react-native init FirstApp

PodFile 수정

• ios 폴더 > Podfile 내 아래 코드 주석처리 (vscode에서 진행)

🧐 참조 블로그나 다른 블로그 또는 깃헙을 보면 아래 코드 부분을 변경하는 내용이 있던데 변경했을 때는 나는 또 오류가 나고 주석처리를해야 우선은 진행이 가능하였다ㅠㅠ
요 부분은 배포 때 다시 오류가 발생한다면 한 번 더 짚고 넘어가야할 것 같다..!

use_flipper!
  post_install do |installer|
    flipper_post_install(installer)
  end

☝🏻 처음 xcode를 다운받고 react-native cli 를 강의를 보고 설치했을 때에는 아마도 버전이 달라서? 위처럼 PodFile 내 코드가 존재하지 않았다. 그래서 xcode 최신 버전과 react-native cli 버전을 아래와 같이 바꾸었더니 확인이 가능하였다.

x-code : 13.0
react-native-cli: 2.0.1
react-native: 0.65.1

적용

cd ios // 현재 파일 위치 확인해가면서 ios에서 진행해야한다.
pod deintegrate
pod install

test

cd .. // 한 단계 위 파일로 이동 >> 여기서는 본 파일로 이동됨
npm run ios

짜잔-!

참조 : https://velog.io/@yeseul/Mac-React-Native-%EA%B0%9C%EB%B0%9C%ED%99%98%EA%B2%BD-%EA%B5%AC%EC%B6%95%ED%95%98%EA%B8%B0-%EC%97%90%EB%9F%AC%ED%95%B4%EA%B2%B0