TS

👶 TypeScript

인터페이스 구현

구현 클래스를 선언할 때 implements라는 키워드를 이용해 특정 인터페이스를 만족 시킴을 표현할 수 있습니다. 다른 명시적인 타입 어노테이션처럼 implements로 타입 수준의 제한을 추가하면 구현에 문제가 있을 때 어디가 잘못되었는지 쉽게 파악할 수 있습니다. 또한 어댑터(adapter), 팩토리(factory), 전략(strategy) 등 흔한 디자인 패턴을 구현하는 대표적인 방식이기도 합니다. implements는 아래처럼 사용할 수 있습니다. interface Animal { eat(food: string): void sleep(hours: number): void } class Dog implements Animal { eat(food: string){ console.info('Ate s..

👶 TypeScript

선언 합침

선언 합침(declaration merging) 선언 합침은 같은 이름으로 정의된 여러 정의를 자동으로 합치는 TypeScript의 기능입니다. 이번 글에선 인터페이스라는 맥락에서 간단하게 선언 합침을 살펴보겠습니다. 예를 들어 Member라는 똑같은 이름의 인터페이스를 두 개 정의하면 TypeScript는 자동으로 둘을 하나의 인터페이스로 합칩니다. // Member는 name이라는 한 개의 필드를 가짐 interface Member { name: string } // 여기서 Member는 name과 age 두 개의 필드를 가짐 interface Member { age: number } let a : Member = { name: 'Linda', age: 24 } 이 코드를 타입 별칭으로 표현하면 아래..

👶 TypeScript

this를 반환 타입으로 사용하기

this를 반환 타입으로 사용하기 this를 값뿐 아니라 타입으로도 사용할 수 있습니다. 클래스를 정의할 때라면 메서드의 반환 타입을 지정할 때 this 타입을 유용하게 활용할 수 있습니다. 예를 들어 ES6의 Set 자료구조를 두 가지 연산만 지원하도록 간단히 구현해 보겠습니다. 이 자료구조는 아래처럼 사용할 수 있습니다. // tslint:disable-next-line: new-parens let set = new Set set.add(1).add(2).add(3) set.has(3) // true set.has(4) // false Set 클래스의 has 메서드부터 정의합니다. class Set{ has(value: number): boolean { // ... } } add를 호출하면 Set 인..

👶 TypeScript

super

super JavaScript처럼 TypeScript도 super 호출을 지원합니다. 자식 클래스가 부모 클래스에 정의된 메서드를 오버라이드하면 자식 인스턴스는 super를 이용해 부모 버전의 메서드를 호출할 수 있습니다. TypeScript는 다음처럼 두 가지 super 호출을 지원합니다. super.take 같은 메서드를 호출합니다. 생성자 함수에서만 호출할 수 있는 super()라는 특별한 타입의 생성자를 호출합니다. 자식 클래스에 생성자 함수가 있다면 super()를 호출해야 부모 클래스와 정상적으로 연결됩니다. (깜빡하고 잊으면 TypeScript가 경고를 해주니까 걱정할 필요가 없습니다.) super로 부모 클래스의 메서드에만 접근할 수 있고 프로퍼티엔 접근할 수 없다는 사실을 기억합시다.

개발자 린다씨
'TS' 태그의 글 목록 (14 Page)