타입별칭

@2023/09/19

안녕하세요 lika-7입니다

이번 시간에는 TypeScript의 타입 별칭(alias)에 대하여 정리하겠습니다

type alias - 타입 별칭

💡

타입 별칭은 특정 타입이나 인터페이스를 참조할 수 있는 타입 변수를 의미 합니다. 타입의 별명 정도로 생각하면 좋습니다 키워드 type

언제 사용하면 되나?

//typescript

type TypeA = string
type TypeB = string | number | boolean

💡

TypeA 같은 단일 타입에 별칭을 사용하는 것 보다 TypeB 같은 복합 타입에 별칭을 사용하는것이 적합합니다. 유니온(OR, “|”), 인터렉션(AND, “&”)된 타입에 사용하기 적합합니다

💡

원하는 타입에 이름을 부여할수 있고, 재사용이 가능합니다

사용 예제 1

//typescript

type User = {   
    name: string
    age: number
    isValid: boolean
} | [string, number, boolean]

const userA:User={
    name: 'neo',
    age: 13,
    isValid: false
} 
const userB:User=[
    'venoma', 19, true
]

✅

1. User라는 타입은 객체와 튜플의 유니온인 타입이다 2. User 데이터는 객체 데이터일수도 있고 튜플 데이터일수도 있다는 의미이다.

✅

3. userA는 User라는 타입으로 선언되었고 객체형식으로 내용을 초기화 하였다 4. userB는 User라는 타입으로 선언되었고 튜플 형식으로 내용을 초기화 하였다

사용 예제 2

//typescript

type TypeA = string
type TypeB = string | number | boolean

function someFunc(param:TypeB):TypeA{
    switch (typeof param){
        case 'string':
            return param.toUpperCase()
        case 'number':
            return param.toFixed(2)
        default:
            return 'True'
    }
}

✅

1. someFunc의 return type은 TypeA 의 타입이고, 파라미터의 타입은 TypeB이다. 2. 파라메터로 string, number 타입이 들어왔을 때 반환 값은 TypeB에 해당 하면 된다는 내용