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 걸어주던지, 데이터의 타입을 제한거는 대신 로직에서 그에 따른 분기를 일일이 나눠줬어야함.


https://www.inflearn.com/course/lecture?courseSlug=%EC%BD%94%EB%93%9C%ED%8C%A9%ED%86%A0%EB%A6%AC-%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%ED%92%80%EC%BD%94%EC%8A%A4&unitId=160567&subtitleLanguage=ko&tab=curriculum

 

학습 페이지

 

www.inflearn.com

 

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

+ Recent posts