React native - Basic

React native란?

• Javascript와 React 라이브러리를 사용해서 네이티브 앱을 개발할 수 있게 해주는 기술

• 애플의 iOS, 구글의 Android 환경에서 구동가능

• VR, windows의 환경에서까지 사용가능

• 리액트 네이티브에 탑재되지 않은 기능을 사용해야할 때, 서드 파티 라이브러리를 설치해 원하는 기능을 구현

Metro

• React native를 위한 javascript bundler​

• 프로젝트에 사용된 js 파일들을 모두 읽어서 올바른 순서로 하나의 파일로 합쳐주고 네이티브 앱에서 실행할 준비를 해줌

import {AppRegistry} from 'react-native';
import App from './App';
import {name as appName} from './app.json';

AppRegistry.registerComponent(appName, ()=>App);

-> index.js 는 엔트리 파일
-> App component를 불러와서 AppRegistry.registerComponent 함수를 사용해 네이티브 시스템에 등록(네이티브에서 리액트 네이티브 컴포넌트를 볼 수 있게 해주는 역할)

@flow란?

JS는 동적타입시스템, 변수 선언 시 자료형을 지정하지 않아도 됨.
flow는 정적타입으로 하겠다는 의미, 실수를 줄일 수 있음

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

const App = () => {
  return (
    <SafeAreaView>
    <View>
    <Text>React Study </Text>
    </View>
    </SafeAreaView>
    );
};
export default App;
    

ESLint & Prettier

문법과 규칙을 세워서 코드를 깔끔히 정리