interface
-
Typescript - implementsFront-end/Typesrcipt 2023. 4. 19. 11:42
Typescript implements Typescript implements 란 부모의 메소드나 변수를 그대로 가져다가 쓰지 않고 오버라이드를 해서 사용하는것이다. implements 는 class의 interface에 만족하는지 여부를 체크할 때 사용한다. // intreface 로 타입을 선언한다. interface PetType { gender: string, age: number } // class를 선언하여 implements로 interface 타입을 불러온다. class Pet implements PetType { gender: string; age: number = 27; constructor(x: string) { this.gender = x; } } let bomi = new Pet(..
-
Typescript - genericsFront-end/Typesrcipt 2023. 4. 18. 17:25
Typescript generic typescript generic 이란 함수나 클래스에서 사용할 타입을 결정해주는것이다. function myGenericFn(x: T[]): T {// T 라는 타입을 받아와 타입을 결정한다. return x[0]; } // 사이에 number 타입을 선언하여 함수의 타입을 number로 선언한다. let indexZero = myFn([5, 8]); // 사이에 string 타입을 선언하여 함수의 타입을 number로 선언한다. let indexOne = myFn(['5', '8']); generic 을 사용할때도 파라미터의 타입이 제대로 들어 가는지 확인하기위해 안에 extends 키워드를 사용하여 타입파라미터에 제한을 할 수 있다. ( narrowing 효과 ) ..
-
Typescript - Class Type & InterfaceFront-end/Typesrcipt 2023. 4. 14. 11:28
Typescript Class Type Typescript 에서 Class Type 을 선언하는 방법은 이러하다. class PetClass { name: string;// 변수의 타입을 지정한다. constructor(paramName: string) {// 파라미터의 타입을 지정한다. this.name = paramName; } classFn(paranX: string) { // 클래스 내 함수도 타입을 선언 할 수 있다. console.log('Hello ' + paranX); } } let pet1 = new PetClass('bomi');//지정된 파라미터 타입의 값만 들어갈수있다. console.log(pet1); pet1.classFn('bomi'); // 함수 파라미터 타입의 값만 들어갈수..