TypeScript

과거, TypeScript는 Javascript를 품고있다(A Superset of Javascript)고 표현하였다.

현대의 TypeScript는 타입 구문(지켜야 할 규칙?)을 가지고 있는 JavaScript라고 표현한다.

• JavaScript and More (자바스크립트와 그 이상)

  • JavaScript + TypeScript 구문 or 문법 = TypeScript
  • IDE와 통합 => 오류 캐치

• A Result You Can Trust (신뢰할 수 있는 결과)

  • TypeScript는 JavaScript로 변환되며
  • 당연히 JavaScript가 지원되는 모든 곳에서 실행(브라우저,Node.js, Deno 등)

• Safety at Scale (규모에 따른 안전성)

  • JavaScript를 이해하는 타입 추론을 사용
  • 추가적인 코드 없이도 훌륭한 도구를 제공

TypeScript 인기

npmtrends에서 확인해 본 그래프인데 TypeScript 인기가 엄청나다,,,,

---

TypeScript

자바스크립트에 타입 구문을 추가한 것 = TypeScript
객체와 함수의 생김새를 정의하고 데이터 기술서(데이터를 코드로 설명)를 만들 수 있다.
아래와 같이 name이나 age의 typeof를 정하고 gender에 들어와야 하는 값을 설정하여 편집기에서 문서 및 버그를 검출할 수 있다.

interface Person{
	name: string,
	age: number,
	gender: 'M' | 'F'
};

++ js 파일 상단에 // @ts-check라고 적으면 JavaScript에서 알려주지 않은 런타임 시점 오류를 검출해 준다.

JavaScript와 TypeScript

타입 구분이 존재하는 JavaScript
즉, TypeScript는 컴파일되면 JavaScript로 변환된다.