반응형 programming language33 제네릭(Generics) 재 정리!! 제네릭은 재사용성이 높은 컴포넌트를 만들 때 자주 활용되는 특징 중 하나이다. 한가지 타입보다 여러가지 타입에서 동작하는 컴포넌트를 생성하는데 사용된다. function logText(text: T): T { console.log(text); return text;}logText(10);logText("ttt");logText(true);제네릭은 logText의 함수를 호출할 때 파라미터의 타입을 넘길 수 있다. 호출할 때 파라미터의 타입을 같이 지정하면서 넘기는 것이다. [기존 타입 정의 방식과 제네릭의 차이점 알아보기]1. 함수 중복 선언의 단점- 타입을 다르게 받기위해 중복되는 함수 생성을 막을 수 있다. function logText(text:string) { console... 2022. 12. 28. 제네릭 화살표함수 화살표 함수식을 활용 let corsURL = (url:string): string => `https://crossorigin.me/${url}`; 제너릭 함수 구현 * function GenericReturnFunc(arg: T): T { return arg; } * const GenericReturnFunc = (arg: T): { return arg } 함수에서 타입스크립트 활용 return값은 type // number 타입의 매개변수를 return하는 함수 function NumberReturnFunc(arg: number): number{ return arg; } const NumberReturnFunc = (agr: number ):number => { return arg } // strin.. 2022. 12. 22. 제네릭을 이용한 타입 정의 단순히 유니온 타입을 사용했을 때 각각의 interface 타입정의가 늘어난다. interface Email { value: string; selected: boolean;}const emails: Email[] = [ { value: "naver.com", selected: true }, { value: "gmail.com", selected: false }, { value: "hanmail.net", selected: false },];interface ProdcutNum { value: number; selected: boolean;}const numberOfProducts: ProdcutNum[] = [ { value: 1, selected: true }.. 2022. 12. 15. ts에서 class를 사용할 때 ts에서 class를 사용할 때 다른점. 1. 클래스에서 사용할 속성(멤버변수)에는 type을 정의해줘야 한다. 2. constructor의 parameter에도 type을 정의해줘야 한다. 3. 멤버변수에는 유효범위도 사용할 수 있다. private, public, readonly등의 속성을 사용할 수 있다. class Person7 { // 멤버변수를 써줘야 한다. name: string age: number // 멤버변수의 유효범위도 쓸 수 있다. private name2: string public age2: number readonly log: string constructor(name:string, age: number){ this.name = name, this.age = age } } 2022. 12. 14. 이전 1 2 3 4 5 6 ··· 9 다음 728x90 반응형
