[React Native] Learn the Basics

React Native는 React하고 비슷하지만,  web components (building blocks) 대신 native components를 사용한다.

React Native app 기본 구조를 이해하려면 JSX, components, state, props 등을 이해해야한당!

Hello World

 

 

흠.. ES2015 알아야 하나요..?

 

<View><Text>Hello world!</Text></View>

 

익숙하지 않은 위 코드는 JSX 이다. Javascript 안에 포함되는 XML 문법.

<Text>는 text를 나타낼 수 있는 component 이고, <View> = <div> or <span>

 

Components

위 코드에서는 HelloWorldApp라는 새로운 Component를 정의했다.

우리가 React Native app 을 개발할 때 이와 같은 새로운 components를 많이 만들게 될 것이당!!!

* pretty simple component

필수 : render 함수 (render를 위한 JSX 를 return 함)

 

 

★ 참고

https://facebook.github.io/react-native/docs/tutorial

React Native · A framework for building native apps using React