▶️

React-Native-Cli를 이용한 설치

brew install node
brew install watchman
Bash
복사

설치가 완료되면 아래 명령어를 쳤을 때 버전정보가 나옵니다.

node -v 
# 출력값: v18.3.0
npm -v
# 출력값: 8.11.0
Bash
복사

구글링을 해보면 명령어 npm install -g react-native-cli 를 통해 React-Native-Cli를 설치할 수 있다고 안내하는 글들이 많으나 이렇게 설치하면 여러 충돌이 일어날 수 있습니다. 따라서 아래 명령어를 통해 이를 삭제합니다.

npm uninstall -g react-native-cli @react-native-community/cli
Bash
복사

설치가 완료되면 아래와 같은 명령어를 통해 프로젝트를 생성할 수 있습니다.

# react-native-cli init [project name]
npx react-native@latest init AwesomeProject
Bash
복사

cd TestProject
react-native run-ios
Bash
복사

명령어를 치면 터미널 하나가 뜨면서 아래와 같이 실행됩니다.

iOS 시뮬레이터 화면

먼저 안드로이드 스튜디오를 실행합니다.

Open 버튼을 눌러 android 폴더를 엽니다.

Device manager를 클릭하여 에뮬레이터를 설정합니다. 연결된 안드로이드 폰이 있을 경우 자동으로 설정됩니다. 개발을 위한 개발자 설정은 아래 링크를 참고하세요.

아래 명령어를 통해 안드로이드용 리액트를 실행합니다.

react-native run-android
Bash
복사

명령어를 실행하면 아래와 같이 launchPackager.command 가 뜨고 터미널이 종료됩니다.

터미널 화면

안드로이드 시뮬레이터 화면