티스토리 뷰

1. Node.js 설치 
v10.15.1

2. npm 설치 (nvm 버전관리 설치 권장)

3. android studio 설치
- SDK 연결 (Software Development Kit)
- AVD 생성
안드로이드 스튜디오 설치하고 환경변수 설정 방법
https://ddangeun.tistory.com/32

4. Java JDK 설치
v11.0.10https://limkydev.tistory.com/61 - 설치 방법 및 환경 변수

5. XCode ( if = macOS) 설치
- cocopds 설치

6. vs code 설치

7. React Native CLI
npm install -g react-native-cli

8. maria DB 설치

9. express 설치

 

@@ Android Studio, JDK(Java SE Development Kit), Node.js 등 깔려있다는 전제하에

1. Android Studio 에서 File -> Settings 에 들어간다.

2. 좌측 Appearance & Behavior -> System Settings -> Android SDK 에서 보여지는 화면에
‘Android SDK Location’에 Directory 가 설정되어 있다. 그 경로를 복사한다.

3. 내 컴퓨터 -> 시스템 속성 -> 환경변수 설정에서 변수 이름을 ‘ANDROID_HOME’으로, 변수 값을 복사하신 경로로 설정하셔서 추가를 한다.

4. 그리고, 마찬가지로 platform-tools를 환경변수에 추가해줘야 한다. 동일한 방법으로 ’C:\Android\tools\bin\platform-tools’를 환경 변수에 추가한다. (해당 Directory는 default로 저장되는 경로인데, 만일 설치 시에 경로를 변경하셨다는 그 경로 설정이 필요하다)

5. 새 프로젝트 생성 : npx react-native init [새 프로젝트명]  프로젝트 명 기입시 대괄호는 생략 가능
새 프로젝트 명 : mnu_busproject_app

6. 생성한 프로젝트 디렉토리로 이동 : cd [새 프로젝트명]

7. React native 실행 : npx react-native start

8. Android Emulator 구동 : npx react-native run-android

 

'∙React native' 카테고리의 다른 글

express+maria DB - 버스앱 #2  (0) 2021.06.24
React Native 작동원리  (2) 2021.06.23