타입스크립트 (Typescript)

출처 : 타입스크립트 입문 - 기초부터 실전까지
강의를 보면서 Typescript에 대해서 정리한 내용!

타입스크립트란?

타입스크립트는 자바스크립트에 타입을 부여한 언어다. 자바스크립트의 확장된 언어라고 볼 수 있다. 타입스크립트는 자바스크립트와 달리 브라우저에서 실행하려면 파일을 한번 변환해주어야 한다. 이 변환 과정을 우리는 컴파일(complile) 이라고 부른다.

왜 타입스크립트를 써야하는가?

1. 에러의 사전 방지
2. 코드 가이드 및 자동 완성(개발 생산성 향상)

에러의 사전 방지

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

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

두 코드는 모두 a + b를 구하는 함수이지만 javascript를 통해 구현된 함수는 문자열이 들어가는 경우 문자열의 합으로 결과가 나오게 되지만 typescript를 통해 구현된 함수는 문자열이 들어가면 에러를 나타내게 된다.

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

//ts
sum(10, 20) // 30
sum('10', '20'); // Error: '10'은 number에 할당될 수 없습니다.

코드 가이드 및 자동 완성

타입스크립트를 통해서 코드를 작성할 시에 타입에 맞는 적절한 api만이 나오기 때문에 훨씬 더 편하고 빠른 코딩이 가능하다.

관련 내용 : vscode의 Intellisense

Javascript를 Typescript처럼 사용하기

javascript를 typescript처럼 사용하기 위해서는 JSDoc을 이용하면 유사한 기능을 만들어낼 수 있다.

/**
 * @param {number} a 첫번째 숫자
 * @param {number} b 두번째 숫자
 * @returns
 */
function sum(a, b) {
  return a + b;
}

JSDoc : Javasript 소스코드 파일에 주석을 달기위해 사용되는 마크업언어로 API문서 생성 및 타입추론 등에 사용되어진다.