[react native] 생성된 프로젝트의 파일 설명

index.js

프로젝트의 엔트리 파일로, 생성한 리액트 네이티브 앱은 이 파일에서 시작한다.
여기서 import 구문을 통해 코드들을 불러와 앱을 번들링한다.

 

 

 

 

 

 

@format : 코드 스타일을 자동으로 정리해주는 Prettier라는 도구와 관련이 있다.

/**
 * @format
 */

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

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

간단한 설명일지라도 가장 중요한 부분이 아닐까 싶다.
App이라는 컴포넌트를 불러와서 AppRegistry.registerComponent라는 함수를 사용해 네이티브 시스템에 해당 컴포넌트를 등록한다.
이 작업을 해줘야 네이티브 시스템에서 내가 만든 리액트 네이티브 컴포넌트를 화면에 보여줄 수 있다.