TypeScript는 정적 타입을 지원하는 JavaScript의 확장된 버전으로, 코드의 안정성과 가독성을 높이는데 도움을 줍니다. 제네릭(Generics)은 타입 시스템을 보다 일반화시킬 수 있도록 도와주는 중요한 기능 중 하나입니다. 이 포스트에서는 TypeScript에서 제네릭 인터페이스를 활용하여 컴파일 시점에서 타입 체크하는 방법에 대해 알아보겠습니다.

제네릭 인터페이스란?

제네릭 인터페이스는 인터페이스의 일부 속성이나 메서드의 타입을 정의할 때, 실제 사용될 타입에 의존하지 않고 일반화할 수 있도록 도와줍니다. 즉, 인터페이스의 속성이나 메서드가 다양한 타입에 대해 작동할 수 있도록 만들어줍니다.

interface Box<T> {
  value: T;
}

위의 예시에서 Box 인터페이스는 제네릭 타입 T를 포함하고 있습니다. 이를 통해 Box 인터페이스를 구현할 때 어떤 타입이라도 사용할 수 있도록 만들 수 있습니다.

제네릭 인터페이스 활용하기

다음은 제네릭 인터페이스를 활용한 간단한 예시입니다. 문자열이나 숫자 등 다양한 타입을 가질 수 있는 상자를 생성하고 사용하는 코드입니다.

// 제네릭 인터페이스를 이용하여 상자의 값을 설정하고 가져오기
function useBox() {
  let numberBox: Box<number> = { value: 10 };
  let stringBox: Box<string> = { value: "Hello" };

  console.log(numberBox.value); // 10
  console.log(stringBox.value); // Hello
}

위의 예시에서 Box 인터페이스를 활용하여 각각 numberBox와 stringBox를 생성하고, 해당 상자의 값을 출력하는 코드입니다.

결론

제네릭 인터페이스를 활용하면 TypeScript에서 코드의 안정성을 높일 수 있습니다. 이를 통해 컴파일 시점에서 타입 체크를 강화하고, 보다 일반화된 코드를 작성할 수 있습니다. 제네릭 인터페이스를 적절히 활용하여 타입 안정성을 높이고, 유연하면서도 안전한 코드를 작성해보세요!

참고문헌:

• TypeScript 공식 문서