티스토리 뷰

타입스크립트

타입스크립트 클래스

이안곰 2023. 3. 16. 03:26
반응형

TypeScript는 JavaScript에 클래스 개념을 도입하여 객체 지향 프로그래밍을 할 수 있게 해줍니다. 

클래스란?

클래스는 객체를 생성하기 위한 설계도입니다. 클래스를 정의하면 클래스의 인스턴스를 생성할 수 있습니다. TypeScript에서 클래스를 정의할 때는 다음과 같은 문법을 사용합니다.

class 클래스이름 {
    속성이름: 속성타입;
    // ...
    생성자() {
        // ...
    }
    메소드이름() {
        // ...
    }
}

위 코드에서 class 키워드를 사용하여 클래스를 정의합니다. 클래스 이름은 대문자로 시작합니다. 속성은 클래스 내부에 정의된 변수이며, 메소드는 클래스 내부에 정의된 함수입니다.

생성자

클래스의 생성자는 클래스의 인스턴스가 생성될 때 호출되는 함수입니다. TypeScript에서 생성자는 다음과 같이 정의합니다.

class 클래스이름 {
    생성자(매개변수: 매개변수타입) {
        // ...
    }
}

상속

TypeScript에서는 클래스 간 상속이 가능합니다. 상속을 사용하면 기존 클래스의 기능을 그대로 물려받으면서 새로운 기능을 추가할 수 있습니다. TypeScript에서 클래스 간 상속은 다음과 같이 구현합니다.

class 부모클래스 {
    // ...
}

class 자식클래스 extends 부모클래스 {
    // ...
}

접근 제한자

접근 제한자는 클래스의 속성과 메소드에 대한 접근 권한을 설정하는 문법입니다. TypeScript에서 접근 제한자는 다음과 같이 사용합니다.

class 클래스이름 {
    public 속성이름: 속성타입;
    private 속성이름: 속성타입;
    protected 속성이름: 속성타입;

    public 메소드이름() {
        // ...
    }

    private 메소드이름() {
        // ...
    }

    protected 메소드이름() {
        // ...
    }
}

위 코드에서

public은 모든 곳에서 접근 가능

private는 클래스 내부에서만 접근 가능

protected는 클래스 내부와 상속된 클래스에서만 접근 가능

 

반응형
댓글