react-native 0.57.2 버전으로 프로젝트 생성할 경우 버그가 많아서 ,버전을 낯춰서 프로젝트를 생성하기로 하였다.
react-native init --version="0.57.0" ProjectName
| 리액트란? (React) (0) | 2018.10.21 |
|---|---|
| TouchableOpacity (0) | 2018.10.18 |
| FlexBox 레이아웃이란? (2) (0) | 2018.10.17 |
| FlexBox 레이아웃이란? (1) (0) | 2018.10.14 |
| default node version 변경하기 (0) | 2018.10.14 |
클라인STR
[Linking]
react-native link react-native-device-info
react-native-device-info를 사용하여 디바이스 정보를 출력해보자
더 자세한 내용은 https://github.com/rebeccahughes/react-native-device-info 참고하자
| FlexBox 레이아웃이란? (1) (0) | 2018.10.14 |
|---|---|
| default node version 변경하기 (0) | 2018.10.14 |
| RCTCameraRoll 라이브러리 연결하기 (Xcode) (0) | 2018.10.11 |
| Unable to resolve module `./../../react-transform-hmr/lib/index.js` (0) | 2018.10.10 |
| 리액트 네이티브 안드로이드 개발환경 설정 (0) | 2018.10.06 |
클라인STR
실습시 해당에러가 발생하면서 로딩이 진행되지 않는 현상이 발생하였다.
구글링해서 확인을 해보니 react-native 0.57.2 버전에서 위와같은 문제가 나타나는듯 하다.
react-native start --reset-cache
명령프롬프트에 명령어를 실행하고 , react-native run-ios 실행한다.
https://github.com/facebook/react-native/issues/21530
https://github.com/facebook/react-native/issues/21490
| 리액트네이티브 디바이스 정보 출력 react-native-device-info (0) | 2018.10.11 |
|---|---|
| RCTCameraRoll 라이브러리 연결하기 (Xcode) (0) | 2018.10.11 |
| 리액트 네이티브 안드로이드 개발환경 설정 (0) | 2018.10.06 |
| Unable to resolve module `@babel/runtime/helpers/interopRequireDefault` (0) | 2018.10.06 |
| ES6 - 화살표 함수 (0) | 2018.10.02 |
클라인STR
실습시 안드로이드 개발환경 설정에 삽질을 해서 내용을 정리해봅니다.
brew 통해서 설치할수도 있는데, 나는 이미 JDK 깔려있어서 설치를 하지는 않았다.
https://developer.android.com/studio/ 다운받아설치한다.
설치 옵션에서 커스텀을 선택하여 아래에 옵션을 선택하여설치한다.
안드로이드 Studio 를 실행한후 구성(Configure) 선택하고 SDK 관리자를 선택한다음
아래에 화면에서 SDK Platforms 탭에서 버전에 맞는 Platforms을 선택하고, SDK Tools 선택하여 아래와 같이 선택해서 설치한다.
$HOME/.bash_profile
편집하여 아래와 같이 환경 변수를 추가한다.
export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools
export PATH=$PATH:$ANDROID_HOME/emulator
환경변수가 추가됬는지 확인한다.
source $HOME/.bash_profile
echo $PATH
react-native 명령어로 프로젝트를 생성한후 안드로이드 Studio를 실행하여 프로젝트를 Open 한다.
Tools -> ADV Manager 를 실행한후 적당한 Devices를 추가한후 에뮬레이터를 실행한다.
Device 설정은 다음 링크를 참조한다.
https://developer.android.com/studio/run/managing-avds?hl=ko
참고 : https://facebook.github.io/react-native/docs/getting-started.html
| RCTCameraRoll 라이브러리 연결하기 (Xcode) (0) | 2018.10.11 |
|---|---|
| Unable to resolve module `./../../react-transform-hmr/lib/index.js` (0) | 2018.10.10 |
| Unable to resolve module `@babel/runtime/helpers/interopRequireDefault` (0) | 2018.10.06 |
| ES6 - 화살표 함수 (0) | 2018.10.02 |
| Application Styles has not been registered (0) | 2018.10.01 |
클라인STR
