728x90
+ 활용예제가 많으니 영상 보기
입력받은 타입으로 여러가지 가능
함수를 만들 때 여러종류의 데이터를 받더라도 데이터마다 분기를 나눌 필요없이 제너릭으로 처리 가능.
// 선택년도로 데이터 필터링
static filteringData<T extends TGFilteringData>(
selectedYear: number | null,
data: T[]
): T[] {
if (!selectedYear) return data;
return data?.filter((item) => Utils.getYear(item.date) === selectedYear);
}
extends로 제너릭 제한 걸어주고, 입력받은 data 필터링해서 내보내는 함수.
제너릭 사용 안했으면 data를 any 걸어주던지, 데이터의 타입을 제한거는 대신 로직에서 그에 따른 분기를 일일이 나눠줬어야함.
728x90
'코딩 > TypeScript' 카테고리의 다른 글
Utility Type (1) | 2024.10.31 |
---|---|
abstract (0) | 2024.10.30 |
Overloading (0) | 2024.10.30 |
const (0) | 2024.10.30 |
enum (0) | 2024.10.30 |