[Typescript] Section 02. 타입스크립트 시작하기

1. 타입스크립트 설치

• yarn add -D typescript 실행
• npx tsc [파일명].ts 실행하면 [파일명].js 파일이 생성됨

2. 타입스크립트 설정 파일

• npx tsc 명령어는 반복 실행 되는 것이라 실제 현업에서는 webpack이 자동으로 실행해주고 있음
• 프로젝트 루트에 tsconfig.json 설정
  • allowJs: 타입스크립트 컴파일 작업을 진행할 때 자바스크립트 파일도 포함될 수 있는지를 설정해주는 속성입니다. 주로 이미 기존에 존재하는 자바스크립트 프로젝트에 타입스크립트를 점진적으로 적용할 때 사용하면 좋은 속성입니다.
  • checkJs: 활성화 되면 프로젝트에 포함된 모든 JavaScript 파일의 맨 위에  // @ts-check를 포함하는 것과 같음
  • noImplicitAny: true시 모든 타입이 설정되어야함
• tsconfig.json 공식 문서 바로가기

TSConfig Reference - Docs on every TSConfig option

3. 타입스크립트 플레이그라운드 사이트 소개

• 사이트 바로가기
• 타입스크립트 코드를 자바스크립트 코드로 변환해 줌

TS Playground - An online editor for exploring TypeScript and JavaScript