typescript class
-
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 - protected & staticFront-end/Typesrcipt 2023. 4. 18. 10:01
Typescript protected Typescript protected 이란 extends된 클래스에서는 사용이 가능하지만 자식들은 사용이 불가능하다. class User { protected age = 9;// protected 키워드로 age 변수 선언 } class NewUser extends User { chageAge() { this.age = 29;// extends된 클래스 내에서 age를 사용 할 수 있다. } } let person = new NewUser(); console.log(person.age); // 자식에서 age를 불러와 사용할 수 없다. Typescript static Typescript static 이란 부모 클래스에 변수가 직접 부여되여서 부모를 통해 사용할 수 있..
-
Typescript - public & privateFront-end/Typesrcipt 2023. 4. 18. 09:27
Typescript public Typescript public 이란 class에서 쓰이는 키워드이다. public 이 붙은 변수에는 모든 자식들이 사용 가능하다. class Pet {// 클래스를 선언한다. public name = 'bomi';// public 키워드 선언 (생략이 가능) constructor(a) { this.name = a; } } let myPet = new Pet('bomi');// 클래스 변수를 선언한다. myPet.name = 'ruru';// public 키워드가 붙은 변수를 사용/수정이 가능하다. public 키워드는 축약어를 사용하여 간단하게 코드를 짤 수 있다. class Person {// 클래스선언 constructor(public name: string) {//..
-
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'); // 함수 파라미터 타입의 값만 들어갈수..