React

타입스크립트 리마인드

Asset Type
File Type
When to use
Reference
Created by
Last edited time
2022/03/13 16:07

인터페이스와 제네릭을 이용한 타입 추론 방식

interface Dropdown<T> { value : T, text : 'String' } var items: Dropdown<boolean> { value : true, text : 'aa' }
JavaScript
복사
꺽새 안에 매개변수를 주듯이 T를 선언해두고 필요에 따라 타입을 커스텀할 수 있도록 할 수 있다.

타입 단언

// 타입 추론시 HTMLDivElement | null 반환 var div = document.querySelector('div') as HTMLDivElement; div.innerText;
JavaScript
복사
이렇게 하면 null에 대한 분기문을 작성하지 않아도 된다.

타입 호환

interface Dev { name: string, age: string } interface Person { name: string } var dev: Dev; var person: Person dev = person; // error person = dev;
JavaScript
복사