1.4.1 엔트리 파일

가장 먼저 살펴볼 파일은 index.js입니다. 이 파일을 한번 열어보세요.

index.js

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

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

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

코드 최상단 주석의 @format이라는 키워드는 코드 스타일을 자동으로 정리해주는 Prettier라는 도구와 관련되어 있습니다. Prettier를 사용할 때 --require-pragma라는 명령어 옵션을 설정하면 해당 키워드가 존재하는 파일만 처리합니다. 이 키워드는 지금 당장 중요하지 않으니 지워도 상관없습니다.

앞의 코드는 App이라는 컴포넌트를 불러와서 AppRegistry.registerComponent라는 함수를 사용해 네이티브 시스템에 해당 컴포넌트를 등록합니다. 이 작업을 해줘야 네이티브 시스템에서 우리가 만든 리액트 네이티브 컴포넌트를 화면에 보여줄 수 있습니다.