TypeScript/TypeScript - 기초부터 실전까지
22. 인터페이스와 제네릭을 이용한 타입 추론 방식
DEV-Front
2023. 10. 14. 17:45
반응형
interface Drodown<T> {
value: T;
title: string;
}
interface DetailsDrodown<T> extends Drodown<T> {
description : string;
tag : T;
}
let detailsDrodown: DetailsDrodown<string> = {
title: 'aa',
description: 'bb',
tag: 'bc',
value: 'ss'
}
let drodown: DetailsDrodown<number> = {
title: 'aa',
description: 'bb',
tag: 55,
value: 554
}
- value와 tag의 타입은 지정되어 있지 않다.
- 제네릭으로 사용시 지정할것이다. number가 될 수 도있고 string이 될수도 있다.
- 이런식으로 코드를 작성, 저장할때마다 타입스크립트 랭귀지서버에 의해서 추론되고 값들의 타입이 맞다, 아니다를
코드 상에서 나타내 줄 수 있다.
반응형