인호의 IT 잡동사니

React Native #3. Layout with flexboxhttps://facebook.github.io/react-native/docs/flexbox flexDirection layout의 primary axis(주요 축)을 정의를 한다.import React, { Component } from 'react';import { AppRegistry, View } from 'react-native'; export default class FlexDirectionBasics extends Component { render() { return ( // Try setting `flexDirection` to `column`. ); }}; // skip this line if using Create Rea..

React Native #2 - Hello WorldReact의 기본 개념 JSX, Props, State에 대한 예제이다. 기본 View와 Text를 이용한 예제import React, { Component } from 'react';import { Text, View } from 'react-native'; export default class HelloWorldApp extends Component { render() { return ( Hello world! ); }} PropsCompoent의 Input 해당하는 Props를 이용한 예제import React, { Component } from 'react';import { AppRegistry, Text, View } from 'react-na..

React Native #1. 개발 환경 셋팅 Install (Windows)1. Install NVMhttps://github.com/coreybutler/nvm-windows nvm listnvm install 11nvm use 11 2. install react native pacakgenpm install -g react-native-cli 3. install android studiohttps://developer.android.com/studio/ 4. Install android sdk (api 27) (2018. 11. 17 기준) android api 27 버전을 React Native는 지원을 한다. 5. Setting virtual deviceAndroid Studio에 포함된 And..