1. node js 설치
Node.js
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
일단 위 경로로 들어간뒤 Nodejs를 설치한다.
필자는 window의 설치했으며 v14.15.4 버젼 노드를 사용하고있다.
2. npm 설치
npm은 node package manager 로 nodejs환경에서 사용할수있는 패키지들을 자유롭게 사용할수있도록 도움을 주는 시스템이다.
3. open jdk 설치
Java Download | Java 8, Java 11, Java 13 - Linux, Windows & macOS
Download Java Builds of OpenJDK 8, 11, 13 & 15. Azul Zulu Builds of OpenJDK runs on Linux, Windows, macOS & Solaris on X86, Arm, SPARC & PPC
www.azul.com
위 설치 화면에서 안드로이드앱을 구동시키긴 위한 jdk를 msi파일로 다운로드 합니다.
아래처럼 java -version 명령어를 입력했을때 정상적으로 1.8 version이 잘나오면 설치가 완료된것입니다.
4. python 설치
react native는 빌드시스템은 python으로 이루어져 있기에 python을 설치해줘야한다.
Download Python
The official home of the Python Programming Language
www.python.org
위 홈페이지에서 3.8.3을 설치한다.
python --version 명령어를 입력한후 정상적으로 버전이 명시되면 설치가 된것이다.
5. React Native CLI 설치
react native cli설치한다.
cmd창을 열고 아래의 명령어를 입력 -g는 전역으로 설치한다는 의미이다.
npm install -g react-native-cli
react-native --version 을 통해 잘 설치됬는지 확인한다.
6. Android studio 설치
Download Android Studio and SDK tools | Android 스튜디오
developer.android.com
안드로이드 스튜디오를 설치한다.
설치후 FINISH를 눌러주면 안드로이드 스튜디오가 실행된다.
실행후 sdk를 설정해줘야한다
설치한다 그대로
위화면이 나오면 Configure -> Default project structure 를 클릭
설치한 jdk 경로를 넣어준다 C:\Program Files\Zulu\zulu-8
설치가 완료되면 이제 윈도우 시스템 환경 변수를 설정 해야한다
속성을 클릭
고급 시스템 설정 클릭
환경변수를 클릭하고
사용자 변수에서 새로 만들기를 클릭한뒤
변수 이름 : ANDROID_HOME
변수 값 : <sdk 지정한 폴더 경로>
위와 같이 입력한다 그리고 Path를 편집하여
platform-tools경로까지 입력후 저장한뒤
cmd를 실행
그 후 adb --version 까지 입력해준뒤 버전이 잘나오면 정상적으로 작동하는것이다.
'모바일앱 > react-native' 카테고리의 다른 글
| react lifecycle method 정리 with react-native -1 (componentDidMount, shouldComponentUpdate, componentDidUpdate, componentWillUnmount) (0) | 2023.02.23 |
|---|---|
| android react native 실행하는법 (0) | 2021.03.07 |
댓글