[TS] 타입 조합

교차 타입교차 타입을 사용하면 여러 가지 타입을 결합하여 하나의 단일 타입으로 만들 수 있다. 기존에 존재하는 다른 타입들을 합쳐서 해당 타입의 모든 멤버를 가지는 새로운 타입을 생성한다.& 를 사용해서 표기하며 결과물로 탄생한 단일 타입에는 타입 별칭을 붙일 수 있다.type ProductItem = { id: number; name: string; price: number; imageUrl: string; quantity: number;}type ProductItemWithDiscount = ProductItem & { discountAmount: number };유니온 타입유니온 타입은 타입 A 또는 타입 B 중 하나가 될 수 있는 타입을 말하며 A | B 같이 표기한다.함수 내부에서 qu..

• format_list_bulleted TypeScript
• · 2025. 1. 21.
• textsms

[TS] 문자열 템플릿 리터럴 타입

문자열 템플릿 리터럴 타입을 이용하면 유연성을 유지하면서도 문자열 리터럴을 정의할 수 있다.템플릿 리터럴 타입을 이용해 사용자 정의 이벤트 시스템을 만들 때 모든 이벤트명을 “on”으로 시작하도록 이름 규칙을 정할 수 있다. (빈 문자열 포함)type EventName = `on${string}`; HTML의 헤딩 요소를 표현하는 문자열 타입을 정의할 수 있다.type Levels = 1 | 2 | 3 | 4 | 5 | 6;// "H1" | "H2" | "H3" | "H4" | "H5" | "H6"type Headings = `H${Levels}`;한 개의 매개변수 EventObject를 갖는 Callback 함수 타입을 정의한다. EventObject는 이벤트 정보의 값을 포함하는 제네릭 타입이다.모..

• format_list_bulleted TypeScript
• · 2025. 1. 17.
• textsms