제네릭은 TypeScript에서 코드의 유연성을 높이고 재사용성을 높이는데 사용됩니다. 인터페이스에 제네릭을 사용하여 데이터 유형을 변환하는 방법에 대해 알아보겠습니다.

1. 제네릭 인터페이스란?

제네릭 인터페이스는 다양한 종류의 데이터 유형에 대해 추상화된 뼈대를 제공합니다. 이를 통해 다양한 유형의 데이터를 처리하는 일반적인 방법을 정의할 수 있습니다.

interface Container<T> {
  value: T;
}

위 코드에서 Container 인터페이스는 T라는 제네릭 타입 매개변수를 가지고 있습니다. 이를 사용하여 인터페이스 내부의 속성 또는 메서드에서 동적으로 데이터 유형을 처리할 수 있습니다.

2. 제네릭 인터페이스 활용

제네릭 인터페이스를 활용하여 다양한 데이터 유형을 다루는 예제를 살펴보겠습니다.

function identity<T>(arg: T): T {
  return arg;
}

let output = identity<string>("hello");

위 코드에서 identity 함수는 제네릭 타입 T를 받아들이고, 입력된 값을 그대로 반환합니다. output 변수는 string형으로 명시함으로써 identity 함수에 string 타입을 전달합니다.

3. 제네릭 인터페이스로 데이터 변환하기

이제 제네릭 인터페이스를 사용하여 데이터를 변환하는 예제를 살펴보겠습니다.

interface Converter<T, U> {
  convert: (input: T) => U;
}

let stringConverter: Converter<number, string> = {
  convert: (input: number) => input.toString()
};

let result: string = stringConverter.convert(123);

위 코드에서 Converter 인터페이스는 제네릭 타입 T와 U를 받아들이는 convert 메서드를 가지고 있습니다. stringConverter 객체는 number를 string으로 변환하는 역할을 수행합니다.

이제 여러 유형의 데이터를 처리하는 일반적인 방법을 정의하기 위해 제네릭 인터페이스를 활용하고, 이를 통해 데이터 유형을 변환할 수 있는 방법을 알아보았습니다.

더 많은 정보를 찾고자 한다면, TypeScript 공식 문서를 참고하시기 바랍니다.

참고: TypeScript 공식 문서