TypeScript 설정, 강의 준비

강의 준비 (파트분배)

타입스크립트 핸드북(kr) - https://typescript-kr.github.io/pages/tutorials/typescript-in-5-minutes.html

ts 기초(5일)

ts핸드북 기준 - 기본타입 ~ 제레닉

ts 심화(5일)

ts핸드북 기준 - 고급타임 + α

ts 기초 강의 목록 래퍼런스

1일차 - https://velog.io/@velopert/typescript-basics
2일차 - https://chisu.tistory.com/5

VScode

• install vscode extension "JavaScript and TypeScript Nightly"
• install npm module "npm i ts-node -g"
• install npm module "npm i typescript" or "npm i typescript -g"
• install npm module "npm i @types/node"

tsconfig.json

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "outDir": "public/js",
    "rootDir": "src",
    "strict": true,
    "esModuleInterop": true,
    "forceConsistentCasingInFileNames": true
  },
  "include": ["src"]
}

target : 타입스크립트가 JS로 컴파일될때의 ECMAScript 타깃의 버전을 의미합니다. 여기서, 우리는 ES5를 타깃으로 잡았습니다(모든 브라우저를 지원하기 위해). 그리고 이 설정은 여러분이 원하는 대로 바꿀 수 있습니다. 
module : 컴파일된 코드의 모듈을 설정합니다. 모듈은 CommonJS, ES2015, ES2020 등이 설정될 수 있습니다. 
outdir : 컴파일된 코드가 출력되어 저장될 폴더위치를 명시합니다. 
rootDir : 컴파일될 타입스크립트 코드들의 위치를 명시합니다. 
include : 컴파일할 디렉토리를 명시합니다. 이 설정이 필요한 이유는, 이 값이 없을 경우 컴파일러가 프로젝트 내의 모든 ts파일을 컴파일하기 때문입니다. 

명령어

tsc
tsc myFIle.ts
tsc -w
ts-node myFile.ts

참고자료

• promise type error - https://stackoverflow.com/questions/43555378/ts-an-async-function-or-method-in-es5-es3-requires-the-promise-constructor
• typescript pokemon(박거수의 블로그) - https://chisu.tistory.com/5