[RN] TypeScript가 적용된 프로젝트를 생성해보자

최근 TypeScript 진영이 커짐에 따라 JavaScript 로 개발되어있는 프로젝트에 TypeScript 를 적용하는 경우가 많습니다.

React Native 개발환경 설정 페이지의 프로젝트 생성 섹션(Creating a new application)에 작성된 방법을 따르면 기본적으로 JavaScript 로 구성된 프로젝트가 생성됩니다. 이 방법으로 프로젝트를 생성한 후, TypeScript 를 적용하려면 번거로운 작업을 거쳐야합니다.
이 작업을 편하게 하기 위해 TypeScript 로 구성된 프로젝트를 생성하는 방법을 알아보겠습니다.

TypeScript가 적용된 프로젝트를 생성해보자

방법은 간단합니다. 기존의 React Native 프로젝트를 생성하는 커맨드 뒤에 --template react-native-template-typescript 을 추가해주면 됩니다.

• 기존 프로젝트 생성 방식

npx react-native init AwesomeProject

• TypeScript template을 적용한 프로젝트 생성 방식

// TypeScript template 적용
npx react-native init AwesomeProject --template react-native-template-typescript

tsconfig.json 파일이 추가되었고 App.js 파일 확장자가 App.tsx 로 변경되었습니다.