[TypeScript] 자바스크립트를 타입스크립트처럼 사용하기

▶자바스크립트를 타입스크립트처럼 사용하기

앞서 자바스크립트를 두고 타입스크립트를 사용하는 이유를 이야기했었는데요.

자바스크립트로 아예 그러한 부분들을 커버하지 못하는 건 아닙니다. 다 방법이 있긴 합니다.

이번 게시물에서는 그 방법들을 알아보고 그럼에도 불구하고 타입스크립트를 사용하는 이유까지 알아보도록 하겠습니다.

 

0. 자바스크립트의 단점

아래와 같이 타입을 지정해준 타입스크립트는 해당 매개변수가 지정해준 타입과 다르다면 에러라고 알려주지만

자바스크립트는 그러지 못하고 있습니다. 그래서 원하는 결과인 30이 아닌 1020을 출력하게 되겠죠.

1. 자바스크립트에서 타입스크립트 기능 사용하기

바로 @ts-check과 JSDoc을 사용하는 방법인데요.

@ts-check

 

@ts-check을 주석으로 추가하면 타입스크립트처럼 타입 및 에러 체가 가능하게 해줍니다.

 

JSDoc

 

JSDoc은 자바스크립트 API 문서 생성기입니다.

자바스크립트 소스코드에 JSDoc 형식의 주석을 추가하면 API를 설명하는 HTML 문서를 생성할 수 있는데요.

JSDoc 주석은 /** ... */ 에 작성합니다.

일반적인 /* ... */과는 다른 것입니다.!!

// @ts-check

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