안드로이드 앱 개발 환경 셋업(react native)

 

 

1. node, JDK 설치

-구글 reactnative 검색해서 아래 사이트들어가서 

Devlopment > guide > Environment setup > set up your enviroment.

 

 

 

 

1-1. choco 설치 : 위 화면의 Node, JDK 주제에서 Chocolately 클릭해서 링크타고 들어가면 아래와 같이 설치 command 안내 나옴. 

 

 

 

 

------------> 터미널에서 command 복사 붙여넣기해서 실행.

 

 

 

1.2. jdk설치 : 다시 리엑트 홈페이지로 돌아와서 아래 커맨드 복사. 

 

 

 

------------> 터미널에서 command 복사 붙여넣기해서 실행.

 

 

 

 

2. IDE 설치 : Android  studio 설치 

 

2-1. 위에 이어서 계속 같은 페이지 내려보면 아래와 같은 Android Studio 설치 안내도 나옴.

그럼 'Download and install Android Studio' 링크타고 들어가서 프로그램 다운하고 설치. 

 

 

 

 

----> 설치후 실행하면 아래와 같은 화면 뜨고  

 

 

 

-------> More Actions > SDK manager 에서 아래와 같이 설정. (버전은 개인차)

 

 

-------> gradle jdk설정을 로컬Jdk설치경로로 설정.

 

 

3. 환경변수 설정

3.1  변수생성  

 -이름 : ANDROID_HOME 

 -경로 : SDK설치 된 경로 (위의 화면 상단에  Android SDK Location) 

 

3.2 path 추가

경로 : ANDROID_HOME\platform-tools

 

 

4. 프로젝트 초기화

 

- React Native CLI를 글로벌로 설치:

 

npm install -g @react-native-community/cli

 

- 새 프로젝트 생성:

npx @react-native-community/cli init 프로젝트이름

 

 

------> 그럼 프로젝트이름 지정한 대로 프로젝트가 생긴다.

 

 

 

5. 에뮬레이터 실행.

 

5.1 : 앞서 만든 프로젝트를 android studio에서 프로젝트를 연다.

- File > Open을 선택한 후 android 디렉토리를 열어 프로젝트를 로드

 

5.2 : 에뮬레이터를 켠다. Device Manager에서 작업할 기기 종류를 택한다. 

 

 

---> 그럼 아래 이미지처럼 오른쪽에 device가 표시됨.

 

 

5. 서버 실행 및 빌드

 

터미널을 열고 프로젝트 디렉토리로 이동:

 

-서버실행

yarn start

 

-빌드 방법1 : 터미널에서

yarn android

 

-빌드 방법2 : android studio 에서. 기기선택 후 버튼눌러 빌드.

 

 

 

*****참고 : expo 프로젝트 생성한 과정도 작성했다.

https://betterwe.tistory.com/251

안드로이드 앱 개발 환경 셋업(Expo)