React + Typescript 개발환경 세팅

$npx create-react-app my-app —template typescript

위 명령어 실행시 현재 경로에서 my-app이라는 디렉토리 생성후 my-app 디렉토리에서 설치를 진행한다

나처럼 현재 프로젝트가 있는경우 my-app 부분을 ./ 으로 변경하면 현재 프로젝트에 세팅된다

기존 js와는 다르게 tsx로 만들어진다

해당명령어 실행시에 @types/react @types/react-dom @types/node 등 타입스크립트로 정의된 모듈들이 받아지는 것이다

$npm start

위의 명령어를 사용해보자 그럼 localhost:3000 의 기본포트로 브라우저가 실행된다

폴더 구조

실행 화면

프로젝트 세팅이 10초만에 끝나버렸다

이후에 해야할건 타입스크립트 , eslint의 설정등을 참고하여 수정한다음 프로젝트를 진행하자