제네릭 인터페이스

타입 설정에서 제네릭 타입으로 더 유연하게 타입을 정의할 수 있었다. 타입을 정의할 때 인터페이스를 사용하기도 하는데 이때에도 제네릭 타입을 사용할 수 있다.

제네릭 인터페이스

 

인터페이스 명 뒤에도 꺽쇠로 제네릭을 지정하고 사용할 때는 꺽쇠 위치에 원하는 타입을 넣어서 조합이 가능하다. 이를 잘 활용하면 하나의 인터페이스로도 유연하게 여러 타입을 사용할 수 있다.

또한, 아래처럼 인덱스 시그니처 문법에도 적용하여 유연성을 높힐 수 있다.

인덱스 시그니처

제네릭 타입 별칭

제네릭 인터페이스를 이용한 예시

내용 자체는 간단하지만 잘 활용한다면 객체를 설계할 때 굉장히 유연하게 관리할 수 있다. 간단하게 유저 객체를 관리하는 예시를 보자. 유저는 학생과 개발자로 이뤄졌다고 가정하겠다.

 

1. 학생과 개발자 객체 정의하기

1단계

 

2. 두 객체를 관리할 유저 객체 정의하기

2단계

 

3. 각각의 타입을 갖는 객체 생성

3단계

 

4. 학생 객체에서 사용할 메서드에 적용

4단계

 

간단하게 유저를 관리하는 객체를 생성하며 제네릭 인터페이스를 살펴봤다. 제네릭 시스템은 딱딱한 타입에 유연성을 부여하는 것 같다. 잘 활용할수록 더 유연하고 간결하게 객체를 관리할 수 있는 기능이다.

참고자료

한 입 크기로 잘라먹는 타입스크립트(TypeScript)

한 입 크기로 잘라먹는 타입스크립트(TypeScript) 강의 | 이정환 Winterlood - 인프런