맥에 RN세팅법

Kyoungmoon Kim·2023년 1월 5일
0

리액트 네이티브 공식문서 주소
https://reactnative.dev/docs/environment-setup

안드로이드

  1. Homebrew설치
    위 주소에 가서 바로 보이는 코드 복사 후 터미널에 입력

  2. brew로 node, watchman, jdk설치

brew install node
brew install watchman

brew tap homebrew/cask-versions
brew install --cask zulu11

3.맥의 앱스토어에 가서 xcode설치(15기가 용량 확보후 설치하는게 좋음)

4.안드로이드 스튜디오 설치
Android SDK
Android SDK Platform
Android Virtual Device
설치할 때 위에 것들이 체크 되어있어야함

5.안드로이드 sdk 30버젼 설치
5-1.안드로이드 스튜디어 연다.
5-2."More Actions" 클릭 "SDK Manager"선택
5-3.SDK Platforms 선택 Show Package Details 클릭
5-4. Android SDK Platform (원하는 버젼),
M1일경우 Google APIs ARM 64 v8a System Image 선택
5-5. SDK Tools선택 선택한 버젼과 일치하는지 확인
5-6.Apply 클릭
(자세한 내용은 RN 공식문서에 있음)
6. 터미널에 환경변수 입력
$HOME/.bashrc 입려후 아래 줄 추가

export ANDROID_SDK_ROOT=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_SDK_ROOT/emulator
export PATH=$PATH:$ANDROID_SDK_ROOT/platform-tools

7.npx react-native init [프로젝트 이름]
TypeScript와 같은 사용자 정의 React Native 템플릿으로 프로젝트를 시작할려면 아래 코드
npx react-native init [프로젝트 이름] --template react-native-template-typescript
8.안드로이드 스튜디오에서 새로운 avd를 만든다.
(자세한 내용은 RN공식문서에)
10.npx react-native start( 메트로시작)
11.npx react-native run-android(어플리케이션 시작)

IOS

  1. Homebrew설치
  2. brew로 node, watchman설치
brew install node
brew install watchman

3.맥의 앱스토어에 가서 xcode설치
4.xcode에서 Command Line Toolst설치
4-1 xcode Preferences->메뉴에서 location
4-2 가장 최신 커맨드 라인 툴스 버젼 설치
5.xcode에서 시뮬레이터 설치
5-1Preferences->Components tab
5-2 원하는 버젼 ios 시뮬레이터 선택
6.터미널에 $ sudo gem install cocoapods
7.npx react-native init [프로젝트이름]
8. xcode는 setting->ios->프로젝트이름.xcworkspace라는 파일 열기
9.npx pod-install
8.npx react-native start
9.npx react-native run-ios

profile
프론트 개발 공부를 정리한 블로그입니다.

0개의 댓글