m1 react-native 설치 및 설정을 로제타(rosetta)없이 해보자!

0- xcode는 앱스토어에서 다운받는것이 가장 안정적인 것 같습니다!

xcode는 설치하는데까지 상당히 오랜시간이 걸리기 때문에 아래 과정을 시도하기전 반드시 다운로드를 눌러놓을 것을 권장 드립니다! (android studio 도 마찬가지입니다!)

 

1- brew 설치

/bin/bash -c "$(curl -fsSL [<https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh>](<https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh>))"

위의 명령어로 설치 및 vi ~/.zshrc 에 접속 아래 코드를 맨아래에 추가(brew 탐지를 위해)

eval $(/opt/homebrew/bin/brew shellenv)

위의 과정을 마친 후 brew —version 으로 확인! (꼭 터미널 껏다켜서 확인 및 터미널 여러번 껏다키면서 잘적용되었는지 확인)

혹시라도 권한이 없다고 하면 sudo chown -R $(whoami) /opt/homebrew 으로 권한 주기

 

2- node 설치

노드는 여러번 설치해본 결과 .pkg로 설치하는 것이 제일 편하고 잘 적용되는 것으로 확인됩니다. (특히 m1의 경우 로제타 이슈이슈이슈….)

https://nodejs.org/en/download/

위의 링크로 들어가 LTS macOS installer로 다운받으시고 꼭 node --version 으로 잘 적용 되었는지 확인하기! npm —version 도 확인하기!

 

3- watchman 설치

brew install watchman 로 설치 watchman --version 로 잘 적용 되었는지 확인하기!

 

4- java 설치

자바의 경우 react-native 공식문서에서 zulu 11 이상의 버전을 사용하도록 유도하고 있다고한다. 그렇기에 새로 java를 설치하는 경우 꼭 zulu를 깔아서 해보는것을 권장합니다! (속도가 일반 jdk에 비해 2배이상 빠른것은 안비밀)

brew search zulu brew tap homebrew/cask-versions brew tap homebrew/cask-versions zulu brew install --cask zulu11 java --version

위의 방법이 잘 안된다면!

https://www.azul.com/downloads/?version=java-11-lts&os=macos&architecture=arm-64-bit&package=jdk 해당 링크로 들어가게되면 하단에 .dmg를 다운받아서 설치하면 된다. 꼭 설치한 이후 java -version 으로 버전 출력이 잘되는지 확인해야한다.

 

5- cocoapods 설치

cocoapods의 경우 gem설치를 할경우 문제가 생겼을때 삭제나 갱신을 하기에 너무 어렵게 되어버립니다. 그래서 brew install cocoapods 를 사용하여 설치를 하는것이 가장 안전하고, 설치를 하다가 꼬이게 되어버리더라도 brew를 통해 삭제나 업데이트가 용이하기 때문에 brew로 설치하고

pod --version으로 꼭 확인하기

 

6- 안드로이드 스튜디오 절대경로 설정 및 환경설정(vi ~/.zshrc)

export ANDROID_HOME=/Users/여기엔유저네임/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/emulator
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools

위의 설정을 추가해야 에뮬레이터 및 기타 설정에 접근할수 있게된다! (혹시라도 경로확인 필수!)

유저네임을 모르겠다면 터미널에서 whoami를 치면 바로 확인할수 있다!

 

7- xcode설정하기

처음 시뮬레이터 설정할시 로제타를 설정해야하는데 첫번째로

softwareupdate --install-rosetta

를 실행하여 로제타를 최신으로 만들어줍니다. 그런다음

xcrun simctl boot 382551F1-3638-408A-9837-33B168DB75EA --arch=x86_64 ex)

xcrun simctl boot <로제타 적용하고싶은 시뮬레이터의 udid> --arch=x86_64

udid 확인하는 법은

xcrun simctl list

로 확인할 수 있습니다!

로제타를 적용후 xcode에서 타겟 시뮬 설정 → run하게되면 정상적으로 켜지는 것을 확인할수 있습니다!

*7- 의 모든과정은 시뮬을 커맨드 - Q로 전체 종료 후 시도하셔야합니다!

 

이렇게 하면 거의 모든 오류를 대응할 수 있는 상태가 됩니다! 혹시라도 이렇게 설정하였는데도 오류가 발생한다면!
aos에선 gradle 버전 업그레이드를!

혹은 그외의 오류의 경우 댓글을 남겨주시면 최대한 빠르게 오류 사항에 대한 해결법을 찾아서 대댓으로 알려드리겠습니다!