[TypeScript] class 만들 때 타입 지정

2022. 6. 10. 17:09·TypeScript/기초
목차
  1. 필드 값 타입 지정 
  2. constructor 타입지정 
  3. methods 타입지정 
반응형

필드 값 타입 지정 

class 내부에는 모든 자식이 사용할 수 있는 속성을 만들어 줄 수 있다. 

class Person {
    data = 0;
}

let seo = new Person();
let park = new Person();

console.log(seo.data); // 0
console.log(park.data);// 0

타입스크립트를 사용하면 이런 속성에게도 타입을 지정할 수 있다. 

 

class Person{
    data: number = 0; 
}

// ...
seo.data = "a" // number로 설정되어 있는데 문자 할당 시 에러

가만히 냅둬도 사실 타입스크립트가 자동으로 number 타입을 지정해주지만 명시하고 싶다면 일반 변수처럼 

타입을 지정할 수 있다. 

 

constructor 타입지정 

class에서 초기값을 지정하기 위해서 사용하는 constructor 역시 타입 지정이 가능하다. 

class Person {
    data;
    
    constructor(a: string) {
    	this.data = a
    }
}

함수에게 타입을 지정하는 것처럼 매개변수 옆에 타입을 지정해주면 바로 가능하다. 

 

methods 타입지정 

이쯤 되면 눈치챘을 텐데, 함수도 마찬가지로 일반 함수 타입 지정과 같이 지정해줄 수 있다. 

class Person {
    add(num: number): void {
    	console.log(num);
    }
}
반응형
저작자표시 비영리 변경금지

'TypeScript > 기초' 카테고리의 다른 글

[TypeScript] rest 파라미터와 Destructring 문법에 타입 지정  (0) 2022.06.14
[TypeScript] interface  (0) 2022.06.12
[TypeScript] HTML 조작 및 주의점  (1) 2022.05.27
[TypeScript] 함수와 method에 type alias 지정하기  (1) 2022.05.26
[TypeScript] Literal Type  (2) 2022.05.25
  1. 필드 값 타입 지정 
  2. constructor 타입지정 
  3. methods 타입지정 
'TypeScript/기초' 카테고리의 다른 글
  • [TypeScript] rest 파라미터와 Destructring 문법에 타입 지정
  • [TypeScript] interface
  • [TypeScript] HTML 조작 및 주의점
  • [TypeScript] 함수와 method에 type alias 지정하기
잉여개발자
잉여개발자
풀스택 개발자를 목표로 잉여롭게 개발 공부도 하면서 다양한 취미 생활도 즐기고 있는 잉여 개발자입니다.
  • 잉여개발자
    잉여로운 개발일지
    잉여개발자
    • 분류 전체보기 (789)
      • 개발정보 (36)
      • 개발환경 (7)
      • 개발생활 (19)
      • React (141)
        • 이론 (23)
        • 기능 (12)
        • 실험실 (88)
        • 버그 (6)
        • 패스트캠퍼스 (9)
        • Npm (3)
      • React Native (28)
        • 공통 (6)
        • TypeScript (3)
        • JavaScript (18)
        • 버그 (1)
      • Next.js (30)
        • 이론 (13)
        • 실험실 (13)
        • 버그 (3)
      • Web (35)
      • 알고리즘 (202)
        • 풀이 힌트 (39)
      • JavaScript (47)
      • TypeScript (29)
        • 기초 (27)
        • 실험실 (2)
      • Node.js (13)
        • 이론 (0)
        • 기능 (3)
        • 실험실 (9)
        • 버그 (1)
      • 도커 (4)
      • CCNA (22)
        • 이론 (4)
        • 문제 (18)
      • 취미생활 (167)
        • 잉여로운 칵테일 (2)
        • 잉여의 식물키우기 (130)
        • 잉여로운 여행기 (11)
        • 잉여의 제2외국어 (21)
        • 잉여로운 책장 (2)
      • Java (1)
        • Java의 정석 (1)
      • 꿀팁 공유 (3)
  • 태그

    프로그래머스
    Babel
    redux
    바질
    typescript
    자바스크립트
    react
    ReactNative
    바질 키우기
    네트워크
    리얼클래스
    타일러영어
    next.js
    CSS
    javascript
    다이소
    식물
    Node.js
    덤프
    영어회화
    네이버 부스트캠프
    webpack
    CCNA
    타입스크립트
    리액트
    영어독학
    알고리즘
    리얼학습일기
    Docker
    ChatGPT
  • hELLO· Designed By정상우.v4.10.1
잉여개발자
[TypeScript] class 만들 때 타입 지정

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.