티스토리 뷰
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 |