동적 타입 생성 소개

TypeScript의 동적 타입 생성을 사용하면 다른 타입이나 데이터에 따라 조정되는 타입을 정의할 수 있으므로 코드의 유연성과 재사용성이 향상됩니다.

이는 조건부 타입, 매핑 타입, 인덱스 접근 타입과 같은 기능을 통해 구현됩니다.

동적 타입 생성이란?

동적 타입 생성은 TypeScript의 고급 타입 유틸리티를 사용하여 기존 타입을 변환하거나 조작함으로써 새로운 타입을 만드는 과정입니다.

조건부 타입 사용

조건부 타입은 extends를 사용하여 조건에 따라 타입을 평가합니다:

type IsString<T> = T extends string ? 'Yes' : 'No';

// Test cases
type A = IsString<string>; // 'Yes'
type B = IsString<number>; // 'No'

동적 타입 생성을 위한 매핑 타입

매핑 타입은 타입의 키를 순회하여 새로운 타입을 동적으로 만듭니다:

type Optional<T> = {
  [K in keyof T]?: T[K];
};

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

type OptionalUser = Optional<User>;
// { name?: string; age?: number; }

인덱스 접근 타입 사용

인덱스 접근 타입은 다른 타입에서 속성의 타입을 가져옵니다:

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

type UserName = User['name']; // string

기법 결합

조건부 타입, 매핑 타입, 인덱스 접근 타입을 결합하여 더욱 고급 동적 타입을 만들 수 있습니다:

type ReadonlyIfString<T> = {
  [K in keyof T]: T[K] extends string ? Readonly<T[K]> : T[K];
};

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

type UpdatedUser = ReadonlyIfString<User>;
// { name: Readonly<string>; age: number; }

실용적인 사용 사례

동적 타입 생성은 다음과 같은 경우에 유용합니다:

• 사용자 입력에 따라 API를 동적으로 조정합니다.
• 재사용 가능하고 타입 안전한 유틸리티 타입을 만듭니다.
• 데이터 변환을 위한 타입을 정의합니다.

연습 과제

Product 타입의 모든 속성이 string 타입인 경우 선택 사항이 되도록 표시하는 동적 타입을 만드십시오. 샘플 데이터로 테스트하십시오.

축하합니다!

TypeScript에서 조건부 타입, 매핑 타입, 인덱스 접근 타입을 사용하여 동적 타입을 만드는 방법을 배웠습니다. 이러한 기법을 연습하여 TypeScript 타입 시스템의 모든 기능을 활용해 보십시오!