티스토리 뷰

TypeScript

TS - Class

김관장 2022. 5. 9. 19:58

1. 클래스 기본 형태

  • 최상단에 클래스에 사용할 속성(멤버 변수)를 모두 선언 해 주어야 합니다. (JS와의 차이점)
  • ES6 클래스에서 static 키워드는 클래스의 정적(static) 메소드와 프로퍼티를 정의 가능합니다.
    정적으로 선언 시 인스턴스가 아닌 클래스 이름으로도 호출이 가능합니다.
  • readonly 키워드를 통해 프로퍼티 선언 시 생성자 내부에서만 값을 할당 할 수 있습니다. (상수 선언에 사용)
  • 접근 제한자의 사용 범위는  아래와 같습니다.

2. 추상 클래스

  • 추상 클래스를 정의할 때는 abstract 키워드를 사용하며, 직접 인스턴스를 생성할 수 없고 상속만을 위해 사용합니다.
  • 추상 클래스는 하나 이상의 추상 메소드를 포함하며 일반 메소드도 포함할 수 있습니다.
  • 추상 클래스를 상속한 클래스는 추상 클래스의 추상 메소드를 반드시 구현하여야 합니다.
  • 인터페이스는 모든 메소드가 추상 메소드이지만 추상 클래스는 하나 이상의 추상 메소드와 일반 메소드를 포함할 수 있습니다.

 

 

TS에서 클래스에 기본적인 개념에 대해 간단하게 공부해봤다! 더 많은 기능에 대해서는 추후에 공부할 때마다 주기적으로 추가해야겠다! 기존 JS로 코딩했던 클래스 타입의 리엑트 파일을 TS로 바꾸면서 더 공부해야봐겠다~

(현재 210509 기준 정리)

 

 

 

* 참고

 

TypeScript - Class | PoiemaWeb

ES6에서 새롭게 도입된 클래스는 기존 프로토타입 기반 객체지향 언어보다 클래스 기반 언어에 익숙한 개발자가 보다 빠르게 학습할 수 있는 단순명료한 새로운 문법을 제시하고 있다. 하지만

poiemaweb.com

'TypeScript' 카테고리의 다른 글

TS - 타입 추론 · 호환 · 단언 · 가드 · 별칭  (0) 2022.05.13
TS - Generics  (0) 2022.05.10
TS - 인터페이스  (0) 2022.05.08
TS - 함수  (0) 2022.05.06
TS - 기본 타입  (0) 2022.05.04
댓글