create-react-app로 React + TypeScript 환경 구축

create-react-app를 사용하여 React + TypeScript 환경을 구축하는 메모입니다.

검증 환경

node와 npm은 설치된 것으로 진행됩니다.

운영 환경

node -v
v15.7.0

npm -v
7.4.3

또, 이 기사의 내용은 macOS(Apple Silicon)에서 검증하고 있습니다.

React 프로젝트 만들기

다음 명령으로 React 프로젝트를 만듭니다.

npx create-react-app <プロジェクト名> --template typescript

프로젝트 이름이 react-sample이면 다음과 같습니다.

npx create-react-app react-sample --template typescript

React 프로젝트 시작

프로젝트가 생성되면 프로젝트로 이동하여 시작합니다.

cd react-sample // プロジェクトに移動
npm start // 起動

http://localhost:3000 에 접속해, 다음의 화면이 표시되면 완료됩니다.

참고문헌

Create React App