Scenario
원래는 Expo를 이용해서 React Native 앱을 핸드폰에서 실행해서 디버깅을 했다.
그런데 방화벽 문제가 생기면서 Expo로 핸드폰에서 앱을 실행 할 수 없었다.
Expo로 App을 Create 하지않고 React Native로 공식 문서를 보며 안드로이드 AVD로 개발환경을 구축하고자 했다.
그렇게 나의 삽질은 시작되었다..
Solution
1. npm install -g create-react-native-app
일단 RN 앱을 쉽게 만들기 위해 create-react-native-app을 설치한다
2.create-react-native-app AwesomeProject && cd AwesomeProject && npm start
여기까지면 Rn 프로젝트를 만든 것이다.
3. Android Studio 와 JDK를 설치해야한다. (JDK는 환경변수도 설정, 이건 패스)
4.안드로이드 스튜디오를 키고 Tools -> android -> AVD manager 메뉴에 들어가서 nexus 5를 설치한다
참고
-Tools -> Android 메뉴조차 활성화가 안돼있을때가 있다. 그럴때는
4.1.우측 하단에 Event Log 를 누른다
4.2.클릭하면 에러메세지가 뜨는데 그것을 클릭하면 알아서 인스톨을 해준다 (이거때문에 거의 3시간 삽질함)
5.이제 AVD를 켠뒤에 아까 만든 폴더에 들어가서 npm run android 라고 치면 실행이 된다.
만약 안될경우에는 재부팅을 한번 해보자(여기서 1시간 정도 삽질함ㄴㅇ라ㅓㄴ)
6.Ctrl + M 으로 핫로딩 설정도 완료 할 수있다.
(Hot loading도 아주 잘되는걸 볼 수 있다.)
'To be Developer > React Native' 카테고리의 다른 글
[React Native]componentWillReceiveProps 쓸때 CurrentPoprs와 nextProps 비교해야만 하는이유 (0) | 2018.01.18 |
---|---|
[React Native] Generate Unsigned Apk (0) | 2018.01.17 |