타입 어설션

설명

TypeScript 프로그래밍을 하다 보면 타입 어설션(단언, Assertion)을 사용해야 할 순간이 오게 됩니다. 타입 어설션은 컴파일러에게 "이 타입이 특정 타입 임을 단언합니다"라고 말하는 것과 같습니다.

다른 언어의 타입 캐스트(Cast)와 비슷하지만, 특별한 검사나 데이터 재구성을 수행하지 않습니다. 런타임 시, 영향을 미치지 않으며 오직 컴파일 과정에서만 사용됩니다. 타입 어설션을 처리하는 방법은 2가지 입니다.

1번째 방법은 앵글 브라켓(angle-bracket, <>) 문법을 사용하는 것입니다.

let assertion:any = "타입 어설션은 '타입을 단언'합니다.";

// 방법 1: assertion 변수의 타입을 string으로 단언 처리
let assertion_count:number = (<string>assertion).length;

2번째 방법은 as 문법을 사용하는 것입니다.

let assertion:any = "타입 어설션은 '타입을 단언'합니다.";

// 방법 2: assertion 변수의 타입을 string으로 단언 처리
let assertion_count:number = (assertion as string).length;

두 방법 모두 결과는 동일합니다. 하지만 JSX와 함께 사용하는 경우에는 as 문법만 허용됩니다.

실습

참고

Handbook - Basic Typestypescriptlang

TypeScript - 타입 어설션

Event() - Web APIs | MDN

Event 생성자

Creating and triggering events - Event reference | MDN

커스텀 이벤트 생성 / 실행