12.1 프로젝트 세팅하기

12.1.1 새로운 리액트 프로젝트 생성

기존 create react app 명령어에서 —template typescript를 추가하여 타입스크립트가 포함된 리액트 프로젝트를 생성할 수 있습니다.

1) npm을 사용하는 경우

npx create-react-app tsreactapp --template typescript

node.js의 기본적인 패키지 관리자인 npm을 사용하여 프로젝트를 생성하는 방법입니다.

2) yarn을 사용하는 경우

yarn create react-app tsreactapp --template typescript

yarn 패키지 관리자는 facebook, google 등의 기업들이 공동으로 개발한 패키지 관리자로 npm보다 더 빠른 설치 속도와 안정성 및 보안 측면에서 개선된 성능을 제공합니다.

(1) yarn 설치방법

npm install -g yarn

-g 명령어는 해당 프로젝트뿐만 아니라 시스템 전역에서 해당 패키지를 사용 가능하도록 합니다.

12.1.2 기존 리액트 프로젝트에 타입스크립트 마이그레이션

기존의 자바스크립트 리액트 프로젝트를 타입스크립트로 변환하는 과정입니다.

1) 패키지 설치