TypeScript

• Typed Superset of JavaScript
• compiles to plain JavaScript
• Programming Language
• Compiled Language(전통과는 다른 점이 많아서 Transpile이라는 용어를 사용)
  -> Editor에서 TS로 작업을 하면 TypeScript Compiler를 통해 Plain JavaScript로 변경하여 실행

☝🏻 watch 모드

tsc --w

• watch 모드일 경우 별도의 컴파일을 실행하지 않아도 변경 사항을 반영한다.

Type Annotation

• 특정한 객체 등의 타입을 지정하는 일

let b: number;

b = 'ariel';
b = 10;

function hello(c: number) {

}
hello(39)
// 매개변수 c의 타입을 number로 주었기 때문에 문자인 hello는 오류
hello('hello')

TS vs JS

• TS : Static Types
  -> 개발 중간에 타입 체크

function add(n1: number, n2: number) {
  return n1 + n2;
}

const result = add(39, 28);

• JS : Dynamic Types
  -> 런타임에 돌입해야 오류 확인이 가능함

function add(n1, n2) {
  if (typeof n1 !== 'number' || typeof n2 !== 'number') {
    throw new Error('Incorrect input!');
  }
  return n1 + n2;
}

const result = add(39, 28);