개발/개념

React에 TypeScript 사용하는 방법

리액트와 TS를 함께 사용하는 방법을 소개한다. 방법에는 새롭게 프로젝트를 시작하는 방법과 기존 프로젝트에 TS를 적용하는 방법이 있다. 1. React + TypeScript로 새로운 프로젝트 시작하기 우선, 프로젝트를 만들고 싶은 디렉토리에서 터미널을 연다. 이후 npx create-react-app 프로젝트이름 --template typescript을 입력하면 된다. 이 방법을 이용하면 기본적으로 React에 TS를 이용할 수 있으며 주의할 점은 TS의 보호를 받기 때문에 Type에 신경써야 한다는 것이다. 또한, TS의 보호를 받고 싶다면 새로운 파일을 만들 때 확장자를 .tsx로 설정해야 한다. 2. 기존 프로젝트에 TypeScript 적용하기 기존 프로젝트에 TS를 적용하고 싶다면 npm in..