TypeScript란 무엇인가?

01.What is TypeScript?

• TypeScript는 자바스크립트에 타입을 부여한 언어입니다.
• JavaScript의 확장된 언어라고 볼 수 있습니다.
• TypeScript는 "Programming Language언어" 입니다.

02.TypeScript vs JavaScript

• TypeScript는 "Compiled Language" 입니다.
• JavaScript는 "Interperted Language" 입니다.

• TypeScript는 Editor에 작성하지만 브라우저나 Node.js와 같은 런타임 환경에서는 바로 사용할 수 없습니다.
• 하지만 TypeScript Compiler를 이용하면 JavaScript처럼 브라우저나 Node.js와 같은 런타임 환경에서 사용할 수 있습니다.

03.TypeScript의 장점

• TypeScript를 사용하는 가장 큰 이유 중 하나는 정적 타입을 지원한다는 것입니다.

• JavaScript 코드

function sum(a, b) {
  return a + b;
}

sum(10, 20); // 30
sum('10', '20'); // 1020

• 코드상으로는 어떤 타입의 인수를 전달하여야 하는지 어떤 타입의 반환값을 리턴해야 하는지 명확하지 않습니다.
• 이러한 상황이 발생한 이유는 변수나 반환값의 타입을 사전에 지정하지 않는 자바스크립트의 동적 타이핑(Dynamic Typing)에 의한 것입니다.

• TypeScript 코드

function sum(a: number, b: number) {
  return a + b;
}

sum('10', '20'); 
// error TS2345: Argument of type '"10"' is not assignable to parameter of type 'number'.

• 이처럼 TypeScript는 정적 타입을 지원하므로 컴파일 단계에서 오류를 포착할 수 있는 장점이 있습니다.
• 명시적인 정적 타입 지정은 개발자의 의도를 명확하게 코드로 기술할 수 있고 이는 코드의 가독성을 높이고 예측할 수 있게 하며 디버깅을 쉽게 합니다.