참조
- https://learn.microsoft.com/ko-kr/windows/dev-environment/javascript/react-native-for-android
- https://deku.posstree.com/ko/react-native/install-on-windows/
내용
- Chocolatey 설치 - 윈도우 환경에서 필요한 패키지 설치를 편하게 도와준다.
- Nodejs 설치 - 20.11.0 설치
- Chocolatey - choco install -y nodejs.install
- nvm을 이용한 설치 - https://jin2rang.tistory.com/entry/Window-Nodejs-%EC%84%A4%EC%B9%982
- nvm 다운로드 - choco install -y nodejs.install
- nvm 명령어 - https://velog.io/@archivvonjang/npm-%EB%AA%85%EB%A0%B9%EC%96%B4-%EC%A0%95%EB%A6%AC
- Python 설치 - python-3.12.2 설치
- Chocolatey - choco install -y python2
- 다운로드 설치 - https://wikidocs.net/8#_1
- React Native CLI 설치
- 설치 > npm install -g react-native-cli
- 버전확인 > npx react-native --version
- JDK 설치 - jdk20 설치
- Chocolatey - choco install -y jdk8
- 다운로드 - https://jdk.java.net/java-se-ri/20
- 설치 및 환경변수 설정
- 안드로이드 스튜디오 설치
- react-native 프로젝트 생성 및 확인
- 프로젝트 생성 - 생성 폴더로 이동
- npx react-native init SampleApp > 빌드시 오류
- npx react-native@0.70 init SampleApp > 정상 빌드
- 안드로이드 프로젝트 실행
- 프로젝트 폴더로 이동
- 어플 실행 창
- 안드로이드 스트디오 에뮬레이터 실행
- 안드로이드 기기 연결
- 안드로이드 기기 디버깅 모드 설정 - https://blog.naver.com/lifeformula/221685090225
- 어플 실행
- npx react-native run-android
- yarn android
- yarn
- vscode 터미널 실행 - yarn android
- 터미널 권한 오류 발생시 - https://songjang.tistory.com/31
- 프로젝트 생성 - 생성 폴더로 이동
'웹스토리 > REACT' 카테고리의 다른 글
Window NVM, NODEJS, YARN설치 (0) | 2023.12.22 |
---|