타입스크립트_논리연산자활용

🎈주제: 논리 연산자 활용 타입

 

1. 타입 별칭 (Type Aliases)

• 의미없는 반복을 줄이고 타입을 명시적으로 사용하도록 돕는다.
• let, const를 선언해 변수를 초기화 하듯이 사용할 수 있다.
• 컴파일러가 따로 추론하지 않는다.

// 타입 별칭 설정
type str = string;
type num = number;
type numArr = num[];
type strArr = string[];

// 별칭 사용!
type Person = {
    name: str;
    age: num;
    family: strArr;
}

interface는 type aliases와 다르게 할 줄 아는 것이 많다! (추론도 계속 하고, 구조화 하기에 좋음.)

MS에서는 이런  type aliases 를 위해 여러가지 기능들을 추가 중에 있다고 한다.

 

1-1. 유니언 타입

 

진짜 많이 사용하는 타입이다.

아까도 계속 썼을 정도다..ㄷㄷ

합집합이라고 생각하면 된다. 

type StringNumber = string | number;

const str: StringNumber = 'STR';
const num:StringNumber = 123;

 

이렇게도 사용 가능!

type Gender = 'M' | 'F';

 

1-2. 교차 타입(Intersection)

 

교차타입은 교집합이다.

연결된 타입 모두 만족해야한다는 뜻!

하지만, 잘 쓰이지는 않는다.

 

type StringNumber = string & number;

const str: StringNumber = 'STR';
// Error: Type 'string' is not assignable to type 'never'.

const num:StringNumber = 123;
// Error: Type 'number' is not assignable to type 'never'.

오류가 난다. string 타입이면서 number 타입 조건에 맞지 않기 때문에..

 

type Person = {
    name: string;
    age: number;
}

type Student = {
    name: string;
    id: number;
}

const person1: Person & Student = {
    name: 'kkan',
    age: 22,
    id: 123123
}

이렇게 Person과 Student  모두 만족해야 OK!

 

1-3. 유니언 타입 판별

 

추론하기 어려운 유니온 타입을 추론하기 위함이다.

 

interface Male {
    name: string;
    age: number;
    gender: 'M'
}

interface Female {
    name: string;
    age: number;
    gender: 'F'
}

// 누군가 합쳐놓은 유니온 타입..
type Person = Male | Female;

function createPerson({name, age, gender}: Person) {
    return {
        name, age, gender
    };
}

function createMale({name, age, gender}: Person): Male {
    return {
        name, age, gender
    };
}

// Error: Type '"M" | "F"' is not assignable to type '"M"'.
// Type '"F"' is not assignable to type '"M"'.

 

현재 코드를 살펴보면 유니온 타입으로 인해 추가적인 작업을 더 해야하는 상황이다.

때문에 무분별한 유니온 타입 사용으로 인해 (혹은 불필요한 타입 사용) 불편한 작업들을 더 하지 않도록 한다.

 

End.