TypeScript10 타입 앨리어스 - 이미 존재하는 타입을 부르는 또 다른 이름을 정의하는 것이다. - 인터페이스와 유사하다. type a { x: string, y?: number } const b = {} as a; // 빈 객체를 a 타입으로 지정 b.x = 'wangi'; b.y = 26; b.z = 'eddy'; // Error - 인터페이스와 다르게 원시값, 유니온 타입, 튜플 등도 타입으로 지정 가능하다. - 타입 앨리어스는 extends나 implements 될 수 없다. 2023. 9. 4. Generic - 선언 시점이 아닌 생성 시점에 타입을 명시하여 하나의 타입이 아닌 다양한 타입을 사용할 수 있도록 하는 기법이다. - 한 번의 사용으로 다양한 타입에 재사용이 가능하다. - T는 제네릭을 선언할 때 관용적으로 사용되는 식별자이다. (반드시 T를 사용하는 것은 아니다.) function a(arg: T): T { return arg; } let x = a("wangi"); console.log(x); // wangi 출력 타입은 string let y = a("wangi"); console.log(y); // wangi 출력 타입은 string let z = a(12); console.log(z); // 12 출력 타입은 number - class에서 generic 사용이 가능하다. 클래스 이름 뒤에 .. 2023. 9. 1. Module - 재사용이 가능한 코드 조각을 의미한다. - 자체 스코프 내에서 실행된다. - 모듈에서 데이터를 불러오는 import와 모듈에서 데이터를 내보내는 export로 나누어져 있다. (1) export - 모듈의 변수, 함수, 타입 등을 외부 모듈이 사용할 수 있도록 표시한 키워드이다. export var a = "wangi"; // export data export function b(x, y) { // export function 방법1 : 정의와 동시에 export return x + y; } function c(x, y) { // export function 방법2 : 정의 후 함수 이름으로 export return x * y; } export { c }; export class d{ // exp.. 2023. 8. 31. Decorator - 클래스 선언과 멤버에 대한 주석(annotations)과 메타 프로그래밍 구문을 모두 추가할 수 있는 방법이다. - 데코레이터를 사용하려면 tsconfig.json설정에서 experimentalDecorators를 true로 바꿔줘야 한다. - 클래스, 속성, 메서드, 접근 제어자, 매개변수 등에 사용할 수 있는 특별한 종류의 선언이다. @를 키워드로 붙인다. - 데코레이터가 적용된 메서드가 실행되거나 클래스가 new라는 키워드를 통해 인스턴스화 될 때가 아닌 런타임 때 실행된다. 즉, 매번 실행되지 않는다. (1) 프로퍼티 데코레이터 - 프로퍼티 선언 직전에 선언한다. - 특정 이름의 프로퍼티가 클래스에 선언되었음을 관찰하는데만 사용한다. class a { @b c = 'wangi'; } const.. 2023. 8. 30. 이전 1 2 3 다음