728x90 자바스크립트14 [TypeScript] 타입스크립트 유틸리티 타입 유틸리티 타입은 타입스크립트가 제공하는 타입들입니다. 1. Partial타입의 모든 프로퍼티를 선택적 프로퍼티로 변경합니다.interface Book { title: string; pages: number;};const book: Partial = { title: "a"}; Partial은 이렇게 구현되어있다고 볼 수 있습니다.type Partial = { [key in keyof T]?: T[key];} 2. Required타입의 모든 프로퍼티를 필수 프로퍼티로 변경합니다.interface Book { title: string; pages: number;};const book: Required = { title: "a", pages: 300}; Required는 이렇게 구현되어있다고 .. 2025. 5. 27. [TypeScript] 타입스크립트 조건부 타입 1. 조건부 타입Number 타입이면 String을String 타입이면 Number 타입을 반환합니다.type Type = T extends number ? string : number;let a: Type = "a";console.log(typeof a); // stringlet b: Type = 1;console.log(typeof b); // number 2. inferinfer는 조건부 타입에서 특정 타입을 추론하는 기능입니다.infer R 이 참이 되는 타입을 추론합니다.type Test = T extends infer R ? R : never;type A = Test;const a1: A = 10;const a2: A = "10"; // 에러 함수형을 넣으면 이렇게 테스트 할 수 있습니다.ty.. 2025. 5. 27. [TypeScript] 타입스크립트 타입조작 1. 인덱스드 엑세스 타입인덱스를 이용해 타입의 특정 프로퍼티에 접근하는 방법입니다.객체, 배열, 튜플에 사용할 수 있습니다.1-1. 객체interface Post { createdAt: string, modifiedAt: string, user: { id: number, name: string }}const post: Post = { createdAt: "2025-05-27", modifiedAt: "2025-05-27", user: { id: 1, name: "a" }}function getUserInfo(user: { id: number; name: string }) { console.log(`id: ${user.id} name: ${user.name}`);} .. 2025. 5. 27. [TypeScript] 타입스크립트 데코레이터 1. 데코레이터 (Decorator)데코레이터는 클래스나 클래스 맴버(속성, 메서드 등)에 메타프로그래밍 기능을 추가하고 싶을 때 사용합니다. 데코레이터는 @데코레이터명 을 붙이면 사용할 수 있습니다. 데코레이터시그니처클래스(constructor: { new (...args: any[] ) => {} })메서드(target: any, propertyKey: string, propertyDescriptor: PropertyDescriptor)속성(target: any, propertyKey: string)매개변수(target: object, propertyKey: string, parameterIndex: number)접근자(target: any, propertyKey: string, descriptor.. 2025. 5. 27. [TypeScript] 타입스크립트 제네릭 1. 제네릭함수의 매개변수, 리턴값의 타입을 함수를 호출하는 시점에 정하는 기능입니다. 제네릭은 타입 매개변수를 사용합니다.T 가 아니라 다른 글자로 해도 가능합니다.function echo(message: T): T { console.log("msg", message); return message;}type Phone = { name: string; price: number; brand: string;};const phone = { name: "a", price: 1, brand: "b",};echo(1);echo("s"); // string 타입으로 지정echo(phone); // object 타입으로 지정 관례적으로 이렇게 사용합니다.문자설명T변수 타입에 사용 E리스트 내부 요소에 사.. 2025. 5. 27. [TypeScript] 타입스크립트 클래스 1. 접근제어자타입스크립트의 클래스에서는 자바처럼 접근제어자를 사용할 수 있습니다. publicprivateprotected모든 범위에서 접근클래스 내부에서만 접근클래스 내부 + 자식 클래스 접근 1-1. publicclass Bus { name: string; public age: number; constructor(name: string, age: number) { this.name = name; this.age = age; }}const bus = new Bus("1", 10);console.log(bus.name); // 1console.log(bus.age); // 10 아무것도 작성하지 않으면 public 입니다.1-2. privateclass Bus { name: str.. 2025. 5. 26. 이전 1 2 3 다음 728x90
