1. React Native

React의 방식으로 네이티브 앱을 개발할 수 있는 페이스북의 오픈소스 프레임워크

2. React Native와 React 차이점

• React Native : AppRegistry 사용 , JSX문법 사용(HTML사용 X), 기존의 CSS를 지원하지 않는다.
• React : ReactDom을 사용 , JSX문법 사용(HTML사용 O), CSS 지원

ex) React-Native

import React from 'react';
import {View, Text} from 'react-native'; 

class HelloMessage extends React.Component {
  render() {
    return (
      <View>
        <Text>React-Native   Hello React-Native!</Text>
      </View>
    );
  }
}

import React, { Component } from 'react';
import {View , StyleSheet} from 'react-native';

class Card extends Component {
 render(){
      return (
        <View style={styles.Card}>
          <View style={styles.Card_title} />
          <View style={styles.Card_details} />
        </View>
    )}
}

const styles = StyleSheet.create({
  Card: {
    flex: 1,
  },
  Card_title: {
    flex: 0.5,
    backgroundColor: 'blue',
  },
  Card_details: {
    flex: 8,
    backgroundColor: 'green',
  }
})

export default Card;