본문 바로가기

웹스토리/REACT

React Native 개발 환경 구축 및 실행 (Window)

참조 

  1. https://learn.microsoft.com/ko-kr/windows/dev-environment/javascript/react-native-for-android
  2. https://deku.posstree.com/ko/react-native/install-on-windows/

내용

  1. Chocolatey 설치 - 윈도우 환경에서 필요한 패키지 설치를 편하게 도와준다.
  2. Nodejs  설치 - 20.11.0 설치
  3. Python 설치 - python-3.12.2 설치
  4. React Native CLI 설치
    1. 설치 > npm install -g react-native-cli
    2. 버전확인 > npx react-native --version
       
  5. JDK 설치 - jdk20 설치
  6. 안드로이드 스튜디오 설치
  7. react-native 프로젝트 생성 및 확인
    • 프로젝트 생성 - 생성 폴더로 이동
      • npx react-native init SampleApp > 빌드시 오류
      • npx react-native@0.70 init SampleApp > 정상 빌드
    • 안드로이드 프로젝트 실행 
      • 프로젝트 폴더로 이동
      • 어플 실행 창
        1. 안드로이드 스트디오 에뮬레이터 실행
        2. 안드로이드 기기 연결 
      • 어플 실행
        • npx react-native run-android  
        • yarn android
      • yarn 
      • vscode 터미널 실행 - yarn android

 

'웹스토리 > REACT' 카테고리의 다른 글

Window NVM, NODEJS, YARN설치  (0) 2023.12.22