본문 바로가기

JavaScript

[TypeScript] 클래스 알아보기

자바스크립트에서는 객체의 속성과 메서드를 포함한 클래스가 있습니다.
타입스크립트는 이 기능에 더해 타입 지정과 접근 제어자 기능을 제공해 코드의 안전성을 높입니다.

이번 글에서는 타입스크립트의 클래스에 대해서 알아보겠습니다.


클래스 선언

class Mountain {
  name: string;
  height: number;
  
  constructor(name: string, height: number) {
    this.name = name;
    this.height = height;
  }
  
  guide() {
    console.log(`이 산은 ${this.name}이고 높이는 ${this.height}미터입니다.`);
  }
}

const hallasan = new Mountain('한라산', 1947.06);
hallasan.guide(); // 이 산은 한라산이고 높이는 1947.06미터입니다. 출력

예시처럼 클래스는 class 키워드를 사용하여 선언할 수 있습니다.
클래스의 속성을 초기화할 때는 consturctor 키워드를 사용해 생성자를 만들어 사용할 수 있습니다.

 

접근 제어자

타입스크립트는 클래스 속성과 메서드의 접근을 제한하는 접근 제어자를 지원합니다.
접근 제어자는 public, private, protected가 있습니다.

  • public: 클래스 외부에서도 자유롭게 접근할 수 있는 기본 접근 제어자입니다.
  • private: 클래스 내부에서만 접근할 수 있습니다.
  • protected: 클래스의 내부와 상속받은 클래스에서만 접근할 수 있습니다.

글을 끝까지 읽어주셔서 감사합니다.
틀린 내용은 댓글로 지적 부탁드립니다.