TypeScript 입문

TypeScript 와 React💡

리엑트에서 타입스크립트를 사용하기 위해서는 여러 설정과 세팅이 필요하다. 아직은 입문하는 단계이기

때문에 타입스크립트가 어떤 것이고, 문법은 어떤가에 초점을 맞추고 공부하고 있다.

리엑트에서 타입스크립트를 가장 손쉽게 사용하는 방법은

$ npx create-react-app project명 --template typescript

위의 명령어를 터미널에 입력하면 마치 리엑트를 사용하기 위해 했던 create-react-app처럼 타입스크립트를

사용할 수 있는 환경이 세팅되어 진다. 물론 세부적으로 세팅할 수 있는 것들은 많다. 손쉽게 리엑트 유저가

타입스크립트를 접할 수 있는 방법일 뿐. 타입스크립트 확장자는 ts, 리엑트타입스크립트는 tsx 이다.

ts-node 모듈은 타입스크립트 파일을 컴파일 하지 않고도 실행 시킬 수 있는 모듈임.
(yarn run ts-node ./dist/hello.ts)

tsconfig 옵션

target: 컴파일한 코드가 어떤 자바스크립트 환경에서 실행 되는지 (tsc hello.ts --target es6)
outDir : 컴파일한 파일이 어디에 저장 되는지