TypeScript에서 제네릭은 코드의 재사용성을 높이고 다양한 데이터 유형에 대한 안전성을 제공하는 데 유용합니다. 제네릭 인터페이스를 사용하여 객체를 동적으로 생성하는 방법을 살펴 보겠습니다.

제네릭 인터페이스란?

제네릭 인터페이스는 다양한 데이터 유형과 함께 사용될 수 있는 인터페이스를 정의하는 데 사용됩니다. 이를 통해 코드의 재사용성을 높일 수 있으며, 타입 안전성을 제공합니다.

다음은 제네릭 인터페이스의 기본 구조입니다:

interface GenericInterface<T> {
  property: T;
}

위의 예제에서 T는 제네릭 타입 매개변수이며, 원하는 데이터 유형으로 대체될 수 있습니다.

동적으로 객체 생성하기

제네릭 인터페이스를 사용하여 다양한 데이터 유형의 객체를 동적으로 생성할 수 있습니다. 예를 들어, 다음과 같이 사용할 수 있습니다:

interface User<T> {
  id: number;
  name: T;
}

const user1: User<string> = {
  id: 1,
  name: 'John Doe'
};

const user2: User<number> = {
  id: 2,
  name: 12345
};

위의 예제에서 User 제네릭 인터페이스는 string과 number 데이터 유형에 대해 동적으로 객체를 생성할 수 있도록 합니다.

이와 같이 제네릭 인터페이스를 사용하면 동적으로 다양한 데이터 유형에 대한 안전한 객체를 생성할 수 있습니다.

참고 자료:

1. TypeScript 공식 문서: https://www.typescriptlang.org/docs/handbook/2/generics.html
2. MDN Web Docs: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object#description