[Typescript] 13장 데코레이터

1. 명령줄(tsconfig.json 수정하기)먼저 데코레이터를 사용하려면 tsconfig.json 파일에 experimentalDecorators 옵션을 활성화해줍니다.{ "compilerOptions": { "outDir": "./dist", "target": "ES6" /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */, "module": "commonjs" /* Specify what module code is generated. */, "esModuleInterop": true /* Emit additional JavaScript..

• format_list_bulleted TypeScript
• · 2025. 3. 14.
• textsms

[Typescript] 12장 선언 병합

1. 기본 사용법 TypeScript에서 선언 병합(Declaration Merging)은 여러 개의 선언이 동일한 이름을 가질 때, 이를 결합하여 하나의 선언으로 만드는 타입스크립트 기능입니다. 기본 사용법은 Typescript는 같은 이름의 인터페이스나 네임스페이스를 여러 번 선언할 수 있으며, 이들을 자동으로 병합합니다.interface User { name: string; age: number;}interface User { email: string; phone: string;}const user: User = { name: 'John Doe', age: 25, email: 'aaa@aaa.com', phone: '123456789',};2. 인터페이스 병합여러 개의 인터페이스가 같..

• format_list_bulleted TypeScript
• · 2025. 3. 12.
• textsms

[Typescript] 11장 고급 타입 Chapter 2

1. 열거형 맴버 타입 (Enum Member Types)열거형(Enums)은 상수 집합을 정의하는 데 사용되며, 기본적으로 숫자 또는 문자열 타입을 가집니다.enum Direction { Up = 1, Down, Left, Right,}// 열거형 맴버 타입 사용let direction: Direction = Direction.Up;console.log(direction); // 12. 판별 유니언 (Discriminated Unions)판별 유니언은 서로 다른 타입의 객체를 하나의 타입으로 처리할 수 있으며, 특정 속성으로 어떤 타입인지 구분할 수 있습니다. 안전한 검사를 통해 안전하게 사용할 수 있습니다.type Shape = | { kind: 'circle'; radius: number ..

• format_list_bulleted TypeScript
• · 2025. 3. 8.
• textsms

[Tyepscript] 10장 고급 타입 Chapter 1

1. 교차 타입 (Intersection Types)교차 타입은 여러 타입을 결합하여 새로운 타입을 생성하는 방법으로 여러 객체의 속성을 모두 포함하는 타입을 만들 수 있습니다. type A = { name: string };type B = { age: number };type C = A & B; // C is { name: string; age: number } typesconst human: C = { name: 'Alice', age: 30,};console.log(`Name: ${human.name}, Age: ${human.age}`); // Name: Alice, Age: 302. 유니언 타입 (Union Types)유니언 타입은 여러 타입 중 하나의 타입을 허용하는 방식으로, 변수는 정의..

• format_list_bulleted TypeScript
• · 2025. 3. 6.
• textsms

[Typescript] 9장 제네릭

1. 제네릭 제네릭은 함수, 클래스, 인터페이스를 정의할 때 특정 데이터 타입을 지정하지 않고, 나중에 사용할 데이터 타입을 매개변수로 받아서 사용할 수 있게 해줍니다.function identity(arg: T): T { return arg;}const output1 = identity('Hello, Generics!'); // 문자열const output2 = identity(123); // 숫자const output3 = identity(false); // booleanconsole.log(output1); // "Hello, Generics!"console.log(output2); // 123console.log(output3); // false2. 제네릭 타입 변수 작업제네릭 타입 변수를 사용..

• format_list_bulleted TypeScript
• · 2025. 2. 24.
• textsms

[Typescript] 8장 열겨형

1. 숫자 열거형 (Numeric Enums)숫자 열거형은 기본적으로 0부터 시작하며 자동으로 증가하는 숫자 값을 할당합니다.enum Direction { Up, Down, Left, Right,}console.log(Direction.Up); // 0console.log(Direction.Down); // 12. 문자형 열거형 (String Enums)문자열 열거형은 각 맴버에 문자열 값을 명시적 할당합니다.enum Direction { Up = 'UP', Down = 'DOWN', Left = 'LEFT', Right = 'Right',}console.log(Direction.Down); // "DOWN"3. 이종 열거형 (Heterogeneous Enums)숫자형과 문자열형 맴버를 혼..

• format_list_bulleted TypeScript
• · 2025. 2. 23.
• textsms