[TIL] TypeScript - 타입스크립트란?

TypeScript란?

타입스크립트(TypeScript)는 자바스크립트 대체 언어의 하나로써 자바스크립트(ES5)의 Superset(상위확장)입니다. 자바스크립트는 정적언어로 코드상으로는 어떤 타입의 인수를 전달하여야 하는지, 어떤 타입의 반환값을 리턴해야 하는지 명확하지 않습니다.

타입스크립트를 사용하면 정적타입언어로서의 자바스크립트를 사용 할 수 있습니다.

❓ 타입스크립트를 사용하는 이유

• 에러의 사전방지 : 변수에 타입을 미리 정해두면 다른 타입의 값이 들어왔을때 바로 오류를 확인할 수 있다.
• 코드 자동완성과 가이드 : 변수에 대한 타입이 지정되어 있기 때문에 VSCode에서 해당 타입에 대한 API를 미리 보기로 띄워줄 수 있고 따라서, API를 다 일일이 치는 것이 아니라 tab으로 빠르고 정확하게 작성해나갈 수 있다.
• 유지보수가 용이 : 다른 사람이 변수의 타입을 바로 알 수 있으므로 코드 유지보수가 뛰어나다.

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

sum('x', 'y'); // xy

// 타입스크립트로 인자의 타입을 지정해 준다.
function sum(a: number, b: number) {
  return a + b;
}

sum('x', 'y'); // error

정적타입언어와 동적타입언어

• 정적타입언어
  변수에 들어갈 값의 형태에 따라 자료형을 지정해주어야 합니다. 컴파일 시에 자료형에 맞지 않은 값이 들어있으면 컴파일 에러가 발생합니다.

• 동적타입언어
  동적 타입 언어의 자료형은 컴파일 시 자료형을 정하는 것이 아니고 실행 시에 결정합니다. 타입 없이 변수만 선언하여 값을 지정할 수 있습니다.

참고

캡틴판교 - 타입스크립트 핸드북