끄적이는 개발노트

Typescript 기본 사용법(4) - class 본문

JavaScript/Typescript

Typescript 기본 사용법(4) - class

크런키스틱 2021. 10. 14. 13:57
728x90

이번 포스트에서는 타입스크립트의 class에 대해 알아본다.

 

// index.ts

class Human {
    public name: string;
    public age: number;
    public gender: string;
    constructor(name: string, age: number, gender: string){
        this.name = name;
        this.age = age;
        this.gender =gender;
    }
}

const lynn = new Human("Lynn", 18, "female");

const sayHi = (person: Human): string => {
    return `Hello ${person.name}, you are ${person.age}, you are a ${person.gender}`;
};

console.log(sayHi(lynn));

export {};
  1. class를 선언하고 가지고 있는 속성들을 선언한다.
  2. 속성들을 선언할 때, public과 함께 타입들을 지정한다.
  3. 생성자는 클래스가 실행될 때마다 호출되는 메소드로, 생성자를 만든다.
  4. 새로 선언하는 변수를 new Class를 통해 만든다.

이상으로, 타입스크립트의 환경을 구성하고, 타입 지정, interface, class를 만드는 방법에 대해 알아보았다.

다음 포스트에서, 간단한 프로젝트를 통해 타입스크립트를 실습해본다.

728x90