[TypeScript] implements 키워드

2022. 7. 13. 16:35·TypeScript/기초
목차
  1. interface & implements 
반응형

interface는 object 타입을 지정할 때 사용하는 키워드이다. 

하지만 용도가 하나 더 있는데, class 타입을 확인하고 싶은 경우에도 interface 문법을 사용한다. 

 

이때 추가로 필요한 게 implements 키워드이다. 

 

interface & implements 

class Car {
    model :string;
    price :number = 10000;
    
    constructor(a :string) {
        this.model = a;
    }
}

let myCar = new Car("morning");

class Car를 통해 생성되는 object들은 model과 price 속성을 가지고 있다. 

근데, class가 model과 price 속성을 가지고 있는지 타입으로 확인하고 싶은 경우에 interface와 implements를 사용한다. 

 

interface CarType {
    model :string;
    price :number;
}

class Car implements CarType {
    model :string;
    price :number = 10000;
    
    constructor(a :string) {
        this.model = a;
    }
}

let myCar = new Car("morning");

class 우측에 implements를 사용하고 interface를 쓰면 

" class가 interface에 있는 속성을 다 들고 있는가? "라는 확인이 가능하다. 

가지고 있다면 별말하지 않고, 빠진 속성이 있다면 에러를 통해서 알려준다. 

 

이때 implements는 타입 지정 문법이 아니다.

implements는 interface에 들어있는 속성을 가지고 있는지만 확인하는 뜻이고 class에다가 타입을 할당한다던지 

변형시키는 키워드가 아니다. 

반응형
저작자표시 비영리 변경금지 (새창열림)

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

[TypeScript] object index signatures  (0) 2022.09.08
[TypeScript] d.ts  (2) 2022.07.12
[TypeScript] Declare & Ambient Module  (1) 2022.07.11
[TypeScript] Tuple Type  (2) 2022.07.10
[TypeScript] React에서 사용하기_2편  (1) 2022.07.10
  1. interface & implements 
'TypeScript/기초' 카테고리의 다른 글
  • [TypeScript] object index signatures
  • [TypeScript] d.ts
  • [TypeScript] Declare & Ambient Module
  • [TypeScript] Tuple Type
잉여개발자
잉여개발자
풀스택 개발자를 목표로 잉여롭게 개발 공부도 하면서 다양한 취미 생활도 즐기고 있는 잉여 개발자입니다.
  • 잉여개발자
    잉여로운 개발일지
    잉여개발자
    • 분류 전체보기 (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)
  • 태그

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

개인정보

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

티스토리툴바

단축키

내 블로그

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

블로그 게시글

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

모든 영역

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

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