Typescript | Generic 활용

이동주·2022년 7월 5일
0

Typescript

목록 보기
5/7
post-thumbnail

Generic 활용

1. 타입 생성

type Player<E> = {
	name: string,
    extraInfo: E
}

const dongdu: Player<{favFood: stirng}> = {
	name: "dongdu",
    extraInfo: {
    	favFood: "banana"
    }
}

2. 타입 확장

type Player<E> = {
	name: string,
    extraInfo: E
}

type DongduExtra = {
	favFood: string
}

type DonguPlayer = Player<DongduExtra>

const dongdu: DonguPlayer = {
	name: "dongdu",
    extraInfo: {
    	favFood: "banana"
    }
}

// name만 가진 프로필 만들기
const boong: Player<null> = {
	name: "boong",
    extraInfo: null
}

내가 원하는대로 코드를 확장하는 것이 가능하다.
타입을 생성하고 그 타입을 또 다른 타입에 넣어서 사용할 수 있다.

3. 타입 상속

typescript에서는 타입끼리 일종의 상속이 가능하다.
(정확히 말하자면 상속이 아니라 재사용이다.)

타입 상속을 사용하는 경우

  • 만약 많은 것들이 있는 큰 타입을 하나 가지고 있을 때, 그 중 하나가 달라질 수 있는 타입이라면 거기에 상속을 사용하면 된다.

  • 커스텀한 타입을 보낼 때 사용할 수 있다.

profile
안녕하세요 이동주입니다

0개의 댓글