GitHub ID : soohyun-dev
윤수현의 개발 공간
GitHub ID : soohyun-dev
전체 방문자
오늘
어제
  • 분류 전체보기 (918)
    • 성장기록 (49)
      • 성장기록 (3)
      • 우아한테크코스 (16)
      • 프로젝트 (15)
      • TIL (14)
      • 테오의 스프린트 (1)
    • 프로그래밍언어 (88)
      • C언어 (14)
      • HTML\CSS (12)
      • JavaScript (7)
      • React (23)
      • Python (11)
      • JAVA (14)
      • TypeScript (6)
    • 알고리즘 공부 (736)
      • 코드업 - 파이썬 (108)
      • 백준 - 파이썬 (468)
      • 백준 - 자바스크립트 (125)
      • 프로그래머스 - 파이썬 (1)
      • 프로그래머스 - 자바스크립트 (34)
    • 책 리뷰 (9)
      • 프로그래밍 (3)
      • 독서 (6)
    • 전자기기 (1)
    • 일상, 일기 (18)
    • 기술 세미나 (2)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 백준풀이
  • 코딩테스트
  • 자바스크립트
  • PYTHON
  • 코드업파이썬
  • 영어
  • 영어독해
  • 프론트엔드
  • 코딩
  • 코드업
  • 백준파이썬
  • 프로그래머스풀이
  • 프로그래머스자바스크립트
  • javascript
  • 코테
  • 독해
  • 프로그래밍언어
  • 파이썬
  • 백준
  • 프로그래머스

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
GitHub ID : soohyun-dev

윤수현의 개발 공간

React-Native 환경 설치 (안드로이드 Android, Window 환경)
프로그래밍언어/React

React-Native 환경 설치 (안드로이드 Android, Window 환경)

2021. 7. 24. 01:36

React-Native를 활용해 어플을 만들기위해서 필수적으로 거쳐야하는 환경설치가 있다.

 

참고로 나는 윈도우를 사용하기에 ios는 다루지 않는다.

 

우선적으로 설치할것들은 

 

- Android Studio

- Node.js

- Android SDK

- Android- Virtual Device

- JDK

 

이것들을 모두 다 설치했다면

 

이제, 

 

Android Studio 에서 File - Settings - Appearance & Behavior - System Settings - Android SDK 에서

 

Android SDK Location 의 Directory 설정 경로를 복사하여

 

내컴퓨터 - 시스템속성 - 환경변수 설정 - 변수 이름을 'ANDROID_HOME' 으로 설정,

 

변수 값에는 방금 복사한 경로를 추가한다.

 

또한, platform-tools 또한 환경변수로 추가해줘야하기에 

C:\Android\tools\bin\platform-tools 를 환경변수로 추가한다.

 

다 마쳤으면, cmd 나 VSC 터미널을연뒤 다음 코드를 순서대로 입력한다

 

 

 

1. npx react-native init 새프로젝트명       

(새프로젝트명 자리에는 자신이 만들고자하는 파일 이름을 쓰면된다.)

 

2. cd 새프로젝트명

 

3. npx react-native start

 

4. npx react-native run-android

 

 

여기까지하는데 문제가 없었다면 Virtual Device가 잘 실행되면서

 

다음과 같은 창이 뜰꺼다.

 

 

 

 

 

 

이 화면을 보고있다면 성공한거다 !!

 

 

 

 

 

반응형

'프로그래밍언어 > React' 카테고리의 다른 글

React 실행과 종료 요약  (0) 2022.01.19
React 실행 , React 시작하기 , npm start  (0) 2022.01.19
React npm 오류 / You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0). / npm init react-app  (0) 2022.01.19
React 개발 환경 셋팅 및 설치  (0) 2022.01.19
React-Native ES6 기초문법  (0) 2021.07.24
    '프로그래밍언어/React' 카테고리의 다른 글
    • React 실행 , React 시작하기 , npm start
    • React npm 오류 / You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0). / npm init react-app
    • React 개발 환경 셋팅 및 설치
    • React-Native ES6 기초문법
    GitHub ID : soohyun-dev
    GitHub ID : soohyun-dev
    환영합니다!😊 이곳은 저의 개발에 관한 내용들을 정리하는 공간입니다. 알고리즘 풀이에도 관심이 많아요. 좋은 하루 되세요~! github : soohyun_dev

    티스토리툴바