타입스크립트와 자바스크립트의 관계

타입스크립트는 자바스크립트의 상위 집합

• 이는 모든 유효한 자바스크립트 프로그램이 곧 유효한 타입스크립트 프로그램임을 의미
• 하지만 타입스크립트는 고유의 문법을 가지고 있어 모든 타입스크립트 프로그램이 유효한 자바스크립트 프로그램은 아님

타입스크립트의 주된 목적은 런타임 오류를 사전에 방지하는 것

• 자바스크립트의 런타임 동작을 모델링하는 타입 시스템을 통해 코드를 분석하여 오류 가능성이 있는 부분을 찾아냄
• 다만, 타입 검사를 통과하더라도 런타임 오류가 발생할 수 있으므로 모든 오류를 완벽하게 찾아내는 것은 아님

타입스크립트의 타입 시스템은 자바스크립트의 동작을 모델링하지만 더 엄격한 규칙을 적용

• 예를 들어 잘못된 매개변수 개수로 함수를 호출하는 경우 자바스크립트에서는 허용되지만 타입스크립트에서는 문제로 간주
• 이러한 문법적 엄격함의 정도는 온전히 개발자의 선호이며 어느 한쪽이 더 우월하다고 판단할 수 없음

타입스크립트 설정 이해하기

tsconfig.json 파일 사용

타입스크립트 컴파일러는 언어의 핵심 동작을 제어하는 여러 설정을 가지고 있음

이러한 설정은 명령줄(command line)을 통해 개별적으로 지정할 수도 있지만, 프로젝트 전체에 일관성을 부여하고 관리를 용이하게 하기 위해 tsconfig.json 파일을 사용하는 것이 가장 좋음

이 파일에는 컴파일러 옵션, 소스 파일 위치 등 프로젝트의 빌드 설정을 명시

{
  "compilerOptions": {
    "target": "ES6",
    "module": "CommonJS",
    "strict": true,
    "outDir": "./dist"
  },
  "include": [
    "src/**/*"
  ]
}

noImplicitAny 옵션

이 설정은 타입스크립트가 타입을 유추할 수 없을 때 자동으로 any 타입을 할당하는 것을 방지