TypeScript (Typed JavaScript)

JavaScript에 유형을 추가하여 코드 실행 이전에 오류를 포착하여 개발 속도를 높이는 데 도움을 줍니다.

2012년 마이크로소프트에서 발표한 JavaScript 기반의 정적 타입 문법을 추가한 프로그래밍 언어이며, 브라우저나 Node.js 환경에서 동작할 수 있도록 JavaScript로 변환(컴파일) 후 사용합니다.

즉, 타입스크립트는 정적 타입의 컴파일 언어입니다.

• JavaScript (동적 타입) - 런타임에서 동작할 때 타입 오류 확인
• TypeScript (정적 타입) - 코드 작성 단계에서 타입 오류 확인

TypeScript 사용하는 이유

• 버그를 피하면서 생산성을 향상시킵니다.
• ESNext에서 예정된 JavaScript의 향후 기능을 지원합니다.

Parcel 번들러로 시작하기

$ npm init -y

$ npm install -D parcel typescript

"scripts": {
    "dev": "parcel ./index.html",
    "build": "parcel build ./index.html"
  },

{
  "compilerOptions": {
    "target": "ES2015",           // 해당 버전으로 변환
    "module": "ESNext",           // 최신 버전 모듈 사용
    "moduleResolution": "Node",   // 모듈의 해석 방식
    "esModuleInterop": true,      // ESM과 Commonjs를 호환
    "lib": ["ESNext", "DOM"],     // ts에서 js에서 컴파일할 때 사용할 라이브러리
    "strict": true
  },
  "include": [                    // 프로젝트에서 ts파일을 찾는 경로 지정
    "src/**/*.ts"
  ],
  "exclude": [                    // 컴파일 제외할 파일 경로 명시
    "node_modules"
  ]
}