[React-Native] 2. Typescript로 개발하기

✨Typescript의 특징!

• JS는 인터프리어 언어지만, TypeScript는 컴파일 언어로 코드 수준에서 미리 타입을 체크, 오류를 잡아낸다.
• 코드 어시스트 기능도 지원받을 수 있다.
• JS에 type이 추가되었다. type이 생겨 안정성 확보가 가능하고, 예외처리를 하지 않아도 된다.
• JS엔진의 최적화를 돕는다.

1. TypeScript 사용에 필요한 라이브러리 설치

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

 

2. 프로젝트 생성

npx react-native init {프로젝트이름} --template react-native-template-typescript

 위 명령어로 프로젝트를 생성해보면 기존에 생성했던 프로젝트와 구조?가 조금 다른 것을 볼 수 있다!

프로젝트가 위와 같은 구조로 생성된다

* 실행

npm run android

위 명령어로 실행해보고, App.tsx 파일의 내용을 수정, 저장하고 애뮬레이터에서 RR을 누르면 바로 반영되는 걸 확인할 수 있다!! Hot Reload 짱짱!

 

---

출처

- ehddnjs8989.medium.com/typescript-%ED%95%98%EA%B8%B0-%EC%A0%84%EC%97%90-%EC%9D%B4%EC%A0%95%EB%8F%84%EB%8A%94-%EC%95%8C%EC%95%84%EC%95%BC%EC%A7%80-5179d8269193

- 7stocks.tistory.com/102

- dev-yakuza.posstree.com/ko/react-native/typescript/