쭈링이.log 쭈링이.log

React class React 에서 class 를 사용할 수 있다. class Modal2 extends React.Component { // React 에서 Component를 받아온다. constructor() {// props를 받아온다. super();// 받아온 props를 호출한다. } render() {//jsx를 반환한다. return (// jsx Hello! ) } } React 에서 extends로 react의 component를 받아와서 class를 사용할 수 있다. constructor에서 부모에게 porps를 받아오고 super로 호출하여 사용 할 수 있다. render 함수로 jsx 를 반환하여 화면에 보여줄 수 있다. /* eslint-disable */ import log..

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 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 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 변수 선언 Typescript 변수에 타입을 지정할 수 있다. let myName: string = '내 이름'; // string 타입 let myAge: number = 3; // number 타입 let myboolean: boolean = true; // boolean 타입 let myNull: null = null; // null 타입 let myUndefined: undefined = undefined; // undefined 타입 let myStrArr: string[] = ['1', '2', '3']; // 문자열 배열 타입 let myNumArr: number[] = [1, 2, 3]; // 숫자열 배열 타입 let myObject: { name: string } = ..