[TypeScript] 타입 어설션 ( Type Assertion )

✅ 타입 어설션이란?

타입 어설션(Type Assertion)은 TypeScript에서 컴파일러에게 변수의 타입을 개발자가 확신할 때 명시적으로 알려주는 기능입니다.

이를 통해 TypeScript 컴파일러에게 변수의 타입을 임의로 지정하거나 형변환할 수 있습니다.

타입 어설션을 사용하면 타입의 안정성과 가독성을 높힐 수 있습니다.

✅ 사용법 1 : as

이 방법은 jsx에서 사용할 수 있습니다.

let str: any = "this is a string";
let strLength: number = (someValue as string).length;

위 코드에서 str은 any 타입입니다.

strLength의 값을 구하기 위해 str.length를 해줘도 됩니다.

하지만 타입의 안정성을 위해 (str as string).length 로 str을 string으로 형변환해서 length함수를 사용했습니다.

 

✅ 사용법 2 : <>

이 방법은 jsx에서는 사용할 수 없습니다.

let str: any = "this is a string";
let strLength: number = (<string>someValue).length;

내용은 위와 같습니다.

사용법이 as 에서 <>로 바뀐것 뿐입니다.

⭐ 정리

1. 타입 어설션(Type Assertion)을 사용하면 변수의 타입을 임의로 지정하거나, 형변환할 수 있습니다.

2. 타입 어설션을 사용하면 타입의 안정성과 가독성을 높힐 수 있습니다.

3. 사용법은 as와 <> 가 있고, React에서는 as만 사용할 수 있습니다.