리액트 네이티브 프로젝트를 시작해보자. (2)

저번에는 네이티브 코드와 함께 쓰는 리액트 네이티브 프로젝트를 구성해봤습니다.

해당 프로젝트 구성을 보면 아래와 같습니다.

android , ios 폴더는 각각 네이티브 프로젝트 폴더입니다.

react-native 빌드를 실행하고 나면 각각 네이티브 프로젝트에 반영됩니다.

리액트 네이티브 코드는 index,android.js 와 index.ios.js 에 있습니다.

여기에서 화면을 어떻게 그릴지 어떤 동작을 할지 지정하게 됩니다.

각각의 컴포넌트 구성요소를 그리고 스타일을 정의하는 코드들이 보입니다.

리액트 코드를 이용해서 UI를 그리도록 하는데, 다음은 component 폴더에 Custom Component를 만들고

그것을 화면에 가져와서 사용하는 법에 대해서 적겠습니다.

안드로이드 빌드를 한다면 터미널을 통해,

rannte-ui-MacBook-Pro:hyun cyber7eyes$ react-native run-android 

를 실행하면 연결된 디바이스에 adb를 통해 빌드 후 업로드됩니다.