교차 타입과 유니온 타입 소개

TypeScript의 교차 타입과 유니온 타입을 사용하면 타입을 결합하거나 유연한 타입을 만들 수 있으므로, 복잡한 데이터 구조를 정의하는 강력한 방법을 제공합니다.

유니온 타입이란?

유니온 타입을 사용하면 하나의 값이 여러 타입 중 하나가 될 수 있습니다. | 연산자를 사용하여 유니온 타입을 정의할 수 있습니다.

유니온 타입 예시

다음은 유니온 타입을 사용하는 예시입니다:

type Status = 'active' | 'inactive' | 'suspended';

let userStatus: Status;
userStatus = 'active'; // Valid
userStatus = 'pending'; // Error

교차 타입이란?

교차 타입은 여러 타입을 하나로 결합하며, 결합된 타입이 교차된 모든 타입의 속성을 갖도록 합니다.

교차 타입 예시

다음은 교차 타입을 사용하는 예시입니다:

type User = {
  name: string;
  email: string;
};

type Admin = {
  role: string;
};

type AdminUser = User & Admin;

const admin: AdminUser = {
  name: 'Alice',
  email: 'alice@example.com',
  role: 'admin'
};

유니온 타입과 교차 타입의 차이

유니온 타입을 사용하면 값이 여러 가능한 타입 중 하나가 될 수 있지만, 교차 타입은 여러 타입을 하나로 결합하므로 모든 속성이 포함되어야 합니다.

실용적인 사용 사례

유니온 타입은 여러 입력 타입을 처리할 때 유용하고, 교차 타입은 여러 역할이나 기능을 하나의 타입으로 결합할 때 적합합니다.

연습 과제

교차 타입을 사용하여 Product 타입과 Discount 타입을 결합하는 타입을 만드십시오. 이 타입을 사용하여 변수를 선언하십시오.

축하합니다!

TypeScript에서 유연한 타입과 결합된 타입을 정의하는 유니온 타입과 교차 타입의 사용 방법을 배웠습니다. 이러한 개념을 연습하여 코드를 더욱 견고하고 타입 안전하게 만들어 보십시오!