티스토리 뷰
1. 클래스 기본 형태
- 최상단에 클래스에 사용할 속성(멤버 변수)를 모두 선언 해 주어야 합니다. (JS와의 차이점)
- ES6 클래스에서 static 키워드는 클래스의 정적(static) 메소드와 프로퍼티를 정의 가능합니다.
정적으로 선언 시 인스턴스가 아닌 클래스 이름으로도 호출이 가능합니다. - readonly 키워드를 통해 프로퍼티 선언 시 생성자 내부에서만 값을 할당 할 수 있습니다. (상수 선언에 사용)
- 접근 제한자의 사용 범위는 아래와 같습니다.
2. 추상 클래스
- 추상 클래스를 정의할 때는 abstract 키워드를 사용하며, 직접 인스턴스를 생성할 수 없고 상속만을 위해 사용합니다.
- 추상 클래스는 하나 이상의 추상 메소드를 포함하며 일반 메소드도 포함할 수 있습니다.
- 추상 클래스를 상속한 클래스는 추상 클래스의 추상 메소드를 반드시 구현하여야 합니다.
- 인터페이스는 모든 메소드가 추상 메소드이지만 추상 클래스는 하나 이상의 추상 메소드와 일반 메소드를 포함할 수 있습니다.
TS에서 클래스에 기본적인 개념에 대해 간단하게 공부해봤다! 더 많은 기능에 대해서는 추후에 공부할 때마다 주기적으로 추가해야겠다! 기존 JS로 코딩했던 클래스 타입의 리엑트 파일을 TS로 바꾸면서 더 공부해야봐겠다~
(현재 210509 기준 정리)
* 참고
'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 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- array
- 1급 객체
- 시맨틱 웹
- Next.js
- Virtual Scroll
- debouncing
- 호이스팅
- redux
- react
- React로 쓰로틀링 디바운싱 구현
- 1급 함수
- 함수형 컴포넌트
- 자바스크립트 비동기 동작원리
- next.js 환경변수
- 타입스크립트
- javascript
- typescript
- 매겨변수와 인자
- programmers
- rewrites
- 가상스크롤
- 자바스크립트 동작원리
- next.js에 .gitignore가 적용되지 않을 때
- 1급 시민
- 렌더링 속도 개선
- zustand
- redirects
- vue
- useRef
- 목표 일기
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
글 보관함