React Native 시작하기 – 설치

부제 : 자바스크립트로 아이폰과 안드로이드 네이티브 앱 동시에 만들기 글쓰는 시점의 React Native의 버전은 Mac OS X에서 구동을 합니다. (곧 릴리즈 될 RC버전에서 윈도우에 대한 지원이 추가될 예정입니다.) 1. Node.js 설치하기 React Native는 JavaScript로 프로그램을 작성하게 됩니다. JavaScript의 구동환경인 Node.js와

컴포넌트의 크기를 퍼센트(%)단위로 지정하기

react native에서 컴포넌트의 크기를 퍼센트(%) 단위로 지정하려면 아래와 같이 FlexBox를 사용하면 된다. <View> <View style={{flex: 1}} /> <View style={{flex: 2}} /> </View> 안드로이드의 layout_weight와 같게, 비율로 계산이 된다. 위의 경우는 첫번째 뷰는 1/3을 차지하고, 두번째 뷰는 2/3을 차지하게 된다.

Text Component에 줄바꿈 적용하기

react native의 text 컴포넌트에서 줄바꾸기를 하려면 <Text>first line.{“\n”}second line.</Text> 식으로 적용을 해야한다.

react-native init으로 새로운 프로젝트 생성시 실패할 때

$ react-native init ProjectName 위의 명령을 입력했다가 아래와 같은 상황에 마주쳤다

...

npm ERR! Darwin 13.4.0

npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install" "--save" "react-native"

npm ERR! node v4.0.0

npm ERR! npm v2.14.2

npm ERR! shasum check failed for /var/folders/zj/6kg3tgzj4tq59qkjby48f4cw0000gn/T/npm-6489-ef2af11b/registry.npmjs.org/which/-/which-1.1.2.tgz

npm ERR! Expected: 486c48af6dfecc7a7dcf9c655acf108d2dcbdf3d

npm ERR! Actual:   da39a3ee5e6b4b0d3255bfef95601890afd80709

npm ERR! From:     https://registry.npmjs.org/which/-/which-1.1.2.tgz

npmERR!

npm ERR! If you need help, you may report this error at:

npm ERR!     <https://github.com/npm/npm/issues>

npm ERR! Please include the following file with any support request:

npm ERR!     /Users/cesilphp/Downloads/react_app/npm-debug.log

`npm install --save react-native` failed

...

npm ERR! Darwin 13.4.0

npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install" "--save" "react-native"

npm ERR! node v4.0.0

npm ERR! npm v2.14.2

npm ERR! shasum check failed for /var/folders/zj/6kg3tgzj4tq59qkjby48f4cw0000gn/T/npm-6489-ef2af11b/registry.npmjs.org/which/-/which-1.1.2.tgz

npm ERR! Expected: 486c48af6dfecc7a7dcf9c655acf108d2dcbdf3d

npm ERR! Actual: da39a3ee5e6b4b0d3255bfef95601890afd80709

npm ERR! From: https://registry.npmjs.org/which/-/which-1.1.2.tgz

npmERR!

npm ERR! If you need help, you may report this error at:

npm ERR! <https://github.com/npm/npm/issues>

npm ERR! Please include the following file with any support request:

npm ERR! /Users/cesilphp/Downloads/react_app/npm-debug.log

`npm install --save react-native` failed

npm에 문제가 있었는지 아래와 같은 명령어를 실행해서 해결하였다. $ sudo chown -R $(whoami) “$HOME/.npm” $ npm -g install npm 출처 : https://github.com/npm/npm/issues/7555