새싹 프론트엔드 실무 과정 9주차 TypeScript 제네릭

• 9주차 금요일

4. 제네릭

 

제네릭 타입

함수가 다양한 타입을 전달 받아 처리하기 위해서는 함수 선언부에 해당 타입을 모두 명시해야 함

➡ 제네릭 타입으로 선언하면 함수 선언부를 간단하게 작성 가능

 

 

제네릭 프로그래밍

- 작성된 코드를 다양한 타입의 객체에 대해 재사용하는 객체 지향 기법

(하나의 코드로 숫자, 문자열 등 처리 가능)

 

import React from "react";

const Generic = () => {

  function printArray<T>(arr: T[]): void {

    console.log(arr);

  }

  const arr1 = [10, 20, 30];

  printArray<number>(arr1);

  const arr2 = ["a", "b", "c"];

  printArray<string>(arr2);

  const arr3 = [true, false, true];

  printArray(arr3); // 함수 호출시 타입 생략 가능

  return <div></div>;

};

export default Generic;

 

 

 

 

 

새싹DT 기업연계형 프론트엔드 실무 프로젝트 과정 9주차 블로그 포스팅