[React-Native] Ubuntu 환경에서 React Native Cli 설치하기

1. Node.js, npm 설치

sudo apt update
sudo apt install nodejs npm

설치 후, Node.js와 npm 버전을 확인하여 제대로 설치되었는지 확인해준다.

node -v
npm -v

React-Native 설치 시, Node 18 버전이나 더 높은 버전이어야 설치 가능하다.

2. Watchman 설치

Watchman은 파일 시스템 변경을 모니터링하는 도구이다.
다음 명령어를 실행하여 설치해준다.

sudo apt install watchman

3. Java Development Kit (JDK) 설치

React Native의 Android 개발을 위해 Java Development Kit이 필요하다고 한다.
OpenJDK를 설치해준다.

sudo apt install openjdk-17-jdk

React Native 공식문서에서 현재 JDK 버전 17을 권장하고 있기 때문에 17버전으로 설치해준다.

4. React Native CLI 설치

다음 명령어를 실행하여 React Native CLI를 전역으로 설치해준다.

npm install -g react-native-cli

5. Android Studio 설치 및 환경 변수 설정

React Native는 Android 에뮬레이터를 사용하여 애플리케이션을 테스트할 수 있다.
Android Studio를 설치하여 Android SDK를 설정해주어야 한다.

1) Android Studio 다운로드

Android Studio 다운로드 페이지에서 최신 버전을 다운로드하여 설치해준다.

https://developer.android.com/studio?hl=ko

2) Android Studio를 실행

Android Studio를 실행하고, SDK Manager에서 필요한 SDK 버전과 도구들을 설치한다.

• Tools 탭 -> SDK Manager 클릭
• Show Package Details 클릭 후, Android 13 Tiramisu에 있는 Android SDK platform 33, Intel x86 Atom_64 System Image 설치

Device Manager 실행

• Tools 탭 -> Device Manager 클릭
• Create Device 누르고 Pixel에서 아무거나 선택, Tiramisu 다운로드 후 Tiramisu 선택

3) 환경변수 설정

SDK 도구들이 설치된 후, 터미널에서 환경 변수를 설정해주어야 한다.
~/.bashrc 파일을 열고 다음 줄을 추가해준다.

export ANDROID_HOME=$HOME/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

추가 후, 변경사항 적용을 위해 터미널에서 아래 명령어를 실행해준다.

source ~/.bashrc

6. Android 에뮬레이터 확인 및 실행해보기

터미널에서 아래 명령어를 입력하여 Android 에뮬레이터 리스트를 확인해 본다.

emulator -list-avds

확인 후 리스트의 에뮬레이터를 실행해본다.

emulator -avd 에뮬레이터 이름

7. 새로운 React Native 프로젝트 생성

다음 명령어를 실행하여 새로운 React Native 프로젝트를 생성한다.

npx react-native init ReactNativeApp

8. React Native 애플리케이션 실행

프로젝트 디렉토리로 이동하여 애플리케이션을 실행해본다.

cd MyReactNativeApp
npx react-native run-android