[React Native] 리액트 네이티브에서 TypeScript 사용하기

 

자바스크립트는 타입(type) 기능이 없는 언어이므로 개발자의 사소한 입력 오류 등 을 알아 채지 못합니다

따라서 자바스크립트로 개발을하면 어디서 어떤 오류가 발생했는지 알기 어려워 디버깅이 쉽지 않습니다

 

타입스크립트는 자바스크립트와 100% 호한하면서도 타입기능을 제공하므로 자연스럽고 알기 쉬운

구문으로 코드를 작성할 수 있습니다

그리고 타입스크립트 컴파일러는 코드에 문제가 있으면 문제의 원인을 알려주므로 자바스크립트의 단점을

해결할 수 있습니다

이러한 장점 때문에 리액트나 리액트 네이티브를 사용할 때 타입스크립트를 사용하라고 권합니다.

---

1. TypeScript를 리액트 네이티브에서 적용하기 위한 라이브러리 설치

npm install typescript @types/react @types/react-native --save-dev

 

TypeScript 라이브러리 설명

항목	설명
typescript	TypeScript를 설치
@types/react	TypeScript에 필요한 react의 type을 설치
@types/react-native	TypeScript에 필요한 react-native의 type을 설치
--save dev	TypeScript를 설정하여 react-native가 동작하도록 만듭니다

 

2. 타입스크립트(TypeScript)로 React-Native 프로젝트 만들기

타입스크립트를 사용하여 프로젝트를 생성하려면 -template 옵션에 react-native-template-typescript를 지정한다.

npx react-native init 프로젝트명 --template react-native-template-typescript

 

참고 : 리액트 네이티브 일반 프로젝트 생성

react-native init 프로젝트명
ex) react-native init SampleApp