@2023/09/20 안녕하세요 lika-7입니다이번 시간에는 TypeScript의 제네릭의 제약조건(Generic Constraint)을 사용하는 방법에 대해 정리하겠습니다제네릭 제약조건 사용 상황(사용 이유)💡1. 제네릭은 여러가지 타입을 유연하게 지정하여 사용할 수 있는 문법입니다 2. 제네릭을 이용해 매개변수를 받을 때 매개변수의 타입을 필요한 타입들만 지정해서 받고 싶을 때 가 있습니다. 3. 이 때 제네릭 제약조건을 통해 사용할 수 있는 타입을 제한 할 수 있습니다.💡키워드는 제네릭 타입 변수를 선언하는 코드에 “extends” 키워드를 이용해 선언 할수 있습니다문법//TypeScript interface MyData{ name: string value: T } const dataA: MyDa..

@2023/09/20 안녕하세요 lika-7입니다이번 시간에는 TypeScript의인터페이스 문법에서 제네릭을 사용하는 방법에 대해 정리하겠습니다인터페이스에서 제네릭 선언//TypeScript interface MyData{ //제네릭 타입 별칭(제네릭 타입 매개변수)을 지정하고 name: string value: T // value는 제네릭 타입 매개변수에 할당된 타입으로 지정하겠다는 말 }✅1. 인터페이스에서 제네릭 타입(제네릭 타입 별칭) 별칭을 지정합니다. 2. value 속성은 제네릭 타입 변수에 할당된 타입으로 지정하도록 선언 하였습니다인터페이스에서 제네릭 사용//TypeScript //인터페이스에서 제네릭 선언 interface MyData{ //제네릭 타입 별칭(제네릭 타입 매개변수)을 지..

@2023/09/20 안녕하세요 lika-7입니다이번 시간에는 TypeScript의클레스 문법에서 제네릭을 사용하는 방법에 대해 정리하겠습니다일반형 함수를 축약형 함수로일반형class User{ public payload: P constructor(payload: P){ this.payload= payload } getPayload(){ return this.payload } }축약형class User{ constructor(public payload: P){ } getPayload(){ return this.payload } }일반형에서 payload가 4번이나 사용됩니다.생성자 함수를 통해서 할당하는 내용의 함수라면 위와 같은 축약형을 사용할 수 있습니다클래스에서 제네릭 문법클래스를 만들 때 제네릭 ..

@2023/09/20 안녕하세요 lika-7입니다이번 시간에는 TypeScript의 제네릭 -함수에 대해 정리하겠습니다제네릭이란💡1. 제네릭이란 타입을 함수의 파라미터 처럼 사용하는 것을 의미합니다 2. 간단하게 말하자면 “타입을 변수화” 한것이라고 할수 있습니다.💡키워드 왜 쓰는지💡변수의 타입을 직접적으로 고정된 값으로 명시하지 말고 ‘변수’를 통해 언제든지 변할 수 있는 타입을 통해 유연하게 코딩 할수 있도록 해줍니다.사용법함수의 오버로딩에서//TypeScript interface Obj { x:number } type Arr = [number, number] function toArray(a:string,b:string):string[] function toArray(a:number,b:num..