Search for a command to run...
Series
본 장은 핸드북의 Classes의 내용을 최대한 간결하게 정리하고 보완하는 것을 목표로 작성했습니다. TypeScript는 ES2015에 도입된 클래스를 완벽히 지원합니다. 클래스 멤버 가장 간단한 클래스는 다음과 같습니다. class Point {} 이 문장은 ES2015 이전에는 음과 같이 JavaScript 코드로 번역됩니다. "use strict"; var Point = /** @class */ (function () { fu...
오늘은 TypeScript의 모듈 시스템을 핸드북의 내용을 통해 살펴볼 것입니다. 대부분의 내용은 핸드북 Modules 내용이 번역된 것입니다. JavaScript 모듈 (ES 모듈)은 JavaScript 사양에 추가가 되어 2020년까지 대부분의 웹 브라우저와 JavaScript 런타임에서 사용할 수 있습니다. TypeScript는 2012년부터 이런 형식을 지원했지만 시간이 지남에 따라 JavaScript 사양은 ES 모듈(ES6 모듈)...
핸드북 타입 조작 섹션의 마지막인 템플릿 리터럴 타입입니다. 템플릿 리터럴 타입은 문자열 리터럴 타입을 기반으로 유니온 타입을 통해 확장됩니다. 다음의 코드를 보시죠. type World = "world"; // Greeting 타입은 "hello world" 문자열 리터럴 타입 type Greeting = `hello ${World}`; 보간된 위치에서 유니온 타입을 사용할 수 있습니다. type EmailLocaleIDs = "welco...
TypeScript는 마치 매크로 언어처럼 기존 타입을 기반으로 새로운 타입을 쉽게 만들 수 있습니다. 매핑된 타입은 사전에 선언되지 않은 속성 타입을 선언하는데 사용하는 인덱스 서명 구문을 기반으로 합니다. 아래는 인덱스 서명 구문으로 표현된 예시입니다. type OnlyBoolsAndHorses = { [key: string]: boolean | Horse; }; const conforms: OnlyBoolsAndHorses = { ...
조건부 타입은 입력 타입과 출력 타입간의 관계를 설명하는데 도움이 됩니다. 다음은 핸드북에 나온 예제 입니다. interface Animal { live(): void; } interface Dog extends Animal { woof(): void; } // Dog는 Animal 타입으로 할당할 수 있으므로 참. 그러므로 Example1는 number가 됨 type Example1 = Dog extends Animal ? numbe...
인덱싱된 엑세스 타입을 사용하면 다른 타입의 특정 속성을 조회해서 그 타입을 취할 수 있습니다. type Person = { age: number; name: string; alive: boolean }; type Age = Person["age"]; // Age의 타입은 number가 됨 여기서 인덱싱 타입 역시 타입이라는 점에서 유니온, keyof, 다른 타입을 사용할 수 있습니다. type Person = { age: number; na...