반응형
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이 될수도 있다.

- 이런식으로 코드를 작성, 저장할때마다 타입스크립트 랭귀지서버에 의해서 추론되고 값들의 타입이 맞다, 아니다를
코드 상에서 나타내 줄 수 있다.
반응형
'TypeScript > TypeScript - 기초부터 실전까지' 카테고리의 다른 글
24. 타입 단언 소개 | 타입 단언 예제 (0) | 2023.10.14 |
---|---|
23. Best Common Type 추론 방식 (0) | 2023.10.14 |
21. 타입 추론 (Type Inference) (0) | 2023.10.14 |
20. map() - 특정 배열을 변환하여 새로운 배열을 만든는 함수 (0) | 2023.10.14 |
19. 클래스 선언부 타입 정의 | 메서드 타입 정의 | enum을 이용한 타입 정의 (0) | 2023.10.14 |