React Native 시작하기

ReactNative를 맥북m1에 설치하며 거칠게 남기는 로그입니다.
계속 업데이트하며 다듬도록 하겠습니다.

참고 링크

설치

  • Homebrew와 node 는 이미 설치
  • Watchman 설치
1
2
3
% brew install watchman
% watchman -v
2023.01.09.00

react-natice-cli 설치

1
2
3
4
5
6
7
8
9
10
11
% npm install -g react-native-cli
added 82 packages in 5s

38 packages are looking for funding
run `npm fund` for details
% npx react-native --version
react-native-cli: 2.0.1
react-native: n/a - not inside a React Native project directory
% react-native --version
react-native-cli: 2.0.1
react-native: n/a - not inside a React Native project directory
  • npx 쓰는것과 아닌것의 차이가 global 설치냐 아니냐 차이인것 같은데 일단 넘어감

xcode 설치

  • app store에서 설치

cocoapods 설치

1
2
3
% sudo gem install cocoapods
% pod --version
1.11.3

Rosetta 설정

  • m1 에서 로제타의 성능과 배터리 사용량이 좋지 않은걸로 아는데
    React Native 에서 m1으로 컴파일되지 않은 라이브러리가 있었나보다.
    일단 설치 안하고 진행하다 문제 생기면 되돌아오자

Android 개발환경 설치

JDK 설치

1
2
3
4
5
6
# Rosetta 2 설치
% sudo softwareupdate --install-rosetta
# adoptopenjdk/openjdk 추가하기
% brew tap adoptopenjdk/openjdk
# jdk 14 설치
% brew install --cask adoptopenjdk14
  • 중간에 문제 생겨서 멈추고 다시 설치함
1
2
3
4
5
6
7
8
9
% brew reinstall --cask adoptopenjdk14
% /usr/libexec/java_home -V
Matching Java Virtual Machines (1):
14.0.2 (x86_64) "AdoptOpenJDK" - "AdoptOpenJDK 14" /Library/Java/JavaVirtualMachines/adoptopenjdk-14.jdk/Contents/Home
/Library/Java/JavaVirtualMachines/adoptopenjdk-14.jdk/Contents/Home
% java --version
openjdk 14.0.2 2020-07-14
OpenJDK Runtime Environment AdoptOpenJDK (build 14.0.2+12)
OpenJDK 64-Bit Server VM AdoptOpenJDK (build 14.0.2+12, mixed mode, sharing)

Andriod Studio

  • Android Studio 홈페이지에서 Mac with Apple chip 다운로드 및 설치
Share