React vs React Native

React(React.js): 사용자 인터페이스 및 웹 애플리케이션 구축을 위해 만든 프론트엔드 웹과 서버에서 실행되는 것을 지원하는 JS 

 

ReactDOM.render(
  <h1>Hello, world!</h1>,
  document.getElementById('root')
);

 

• Component
• 뛰어난 Garbage Collection, 메모리 관리, 성능
• 서버 사이드 렌더링과 클라이언트 렌더링 둘 다 지원
• 간편한 UI 수정과 재사용이 용이
• 다른 프레임워크나 라이브러리와 혼용해서 사용가능
• 데이터 모델링, Routing, Ajax 등의 기능 제공 x
• IE 8 버전 이하에서 사용 불가

React - Native: 기본 앱 구성 요소로 컴파일되는 모바일 프레임워크,

                    페이스북이 개발한 오픈 소스 모바일 애플리케이션 프레임워크

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

const App = () => {
  return (
    <SafeAreaView style={styles.container}>
      <Text>Hello World</Text>
    </SafeAreaView>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

export default App;

 

• 러닝 커브가 낮음
• 소스 코드 재사용과 생산성
• iOS & Android 둘 다 동시에 개발 가능
• 성능 문제
• 오픈소스가 없을 경우 직접 개발해야함