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

 

  • 이런식으로 코드를 작성, 저장할때마다 타입스크립트 랭귀지서버에 의해서 추론되고 값들의 타입이 맞다, 아니다를
    코드 상에서 나타내 줄 수 있다.

 

반응형