• 제네릭은 중복되는 코드를 효과적으로 줄이고 고급 문법을 작성할 수 있게 도와줌

10.1 제네릭이란?

제네릭: 타입을 미리 정의하지 않고 사용하는 시점에 원하는 타입을 정의해서 쓸 수 있는 문법

• 함수의 파라미터와 같은 역할을 함
  • 역할? = 함수의 인자를 넘긴 값을 함수의 파라미터로 받아 함수 내부에서 그대로 사용하는 방식

function getText(text){
	return text;
}

→ 인자로 넘겨받은 텍스트를 그대로 반환해줌

getText('hi'); // hi
getText(10); // 10

→ text는 함수를 호출할 때 어떤 값이든 인자로 받을 수 있음. 그리고 받은 값을 그대로 반환해줌

→ 위의 말처럼 타입스크립트에 대입해서 ‘타입을 넘기고 그 타입을 그대로 반환받는다’ = 제네릭

10.2 제네릭 기본 문법

제네릭의 기본 문법

function getText<T>(text: T): T{
	return text;
}

1. 함수 이름 오른쪽에 <T>라고 적음
2. 파라미터를 닫는 괄호 오른쪽에 콜론을(:)을 붙이고 T를 적음
3. 파라미터 타입을 T로 정의