react-native settings

2020.04.01 다시 앱 만들기 도전! 이번엔 출시가 목표!

reference link: https://reactnative.dev/docs/environment-setup

기존에는 Expo를 활용하였으나 이번엔 React Native CLI를 이용하기로 하였다. 이유는 Expo로 build한 앱이 기본 용량이 크기 때문! native 모듈 사용에도 제약이 있다고 하지만 사실 아직 내가 하려는 것에는 크게 영향을 끼치지는 않는 것 같다.

1. Node, Python2, JDK 설치

Node.js 설치 버전: 12.16.1 (LTS)
Node.js를 설치하니 자동으로 튜토리얼에서 추천한 Chocolatey라는 패키지 매니저를 설치하도록 무언가가 떠서 자연스럽게 설치하고 이어서 파이썬2.7을 설치해주었다.
jdk는 설치해주지 않는 것 같아서 choco를 이용하여 직접 설치하였다.

choco install -y jdk8

Chocolatey는 'Windows를 위한 패키지 매니저'라고 튜토리얼에 나와있다.

2. Android Studio 설치 및 설정

가이드대로 따라하니 별 문제없이 설정할 수 있었다.

3. App 프로젝트 만들기

expo init이나 create-react-app과 동일하다.

npx react-native init AwesomeProject

4. App 실행 (가상 디바이스)

1. Android Studio로 프로젝트를 열고 가상 디바이스를 실행시킨다.
2. 해당 프로젝트 경로에서 아래 명령 실행

   npx react-native start

3. 다른 터미널에서 똑같이 해당 프로젝트 경로 들어간 후 아래 명령 실행

   npx react-native run-android

1과 2는 순서가 상관 없으나 3은 실제 가상 디바이스에 앱을 실행시키는 명령이므로 반드시 1이 선행되어야 한다. 처음에 가상 디바이스를 켜지 않은 채로 3을 실행하였더니 당연한 결과지만 build에 실패하였다.

5. App 실행 (실제 디바이스)

샘플앱을 하나 만든 후에 실제 디바이스에 띄우는 것도 해볼 예정이다.