[TypeScript] 타입 스크립트 : Type Aliases (사용자 정의 타입명 부여)

­chae-zero·2023년 5월 5일
0

FE

목록 보기
5/5
post-thumbnail

TypeScript에서 Type Aliases

Type Aliases는 TypeScript에서 기존 타입에 사용자 정의 이름을 부여할 수 있는 방법으로,
이를 통해 코드의 가독성을 높이고 복잡한 타입 구조를 단순화할 수 있음

1. 원시 데이터 타입의 별칭

type Age = number;
const myAge: Age = 30;

2. Array와 Tuple, 객체, 함수에 적용한 사례

Array, Tuple, 객체, 함수와 같은 컬렉션 데이터 타입에도 Type Aliases를 적용할 수 있음

// Array
type Names = string[];
const myFriends: Names = ['Alice', 'Bob', 'Charlie'];
 
// Tuple
type Coordinates = [number, number];
const myLocation: Coordinates = [37.7749, -122.4194];
 
// 객체
type User = {
  id: string;
  name: string;
  age: number;
};
const user: User = { id: '1', name: 'John Doe', age: 28 };
 
// 함수
type GreetingFunction = (name: string) => string;
const greet: GreetingFunction = (name) => `Hello, ${name}!`;

3. 좀 더 복잡한 형태

type User = {
  id: UserID;
  name: UserName;
  age: Age;
};
 
const user: User = { id: '1', name: 'John Doe', age: 28 };
profile
사람 재미를 아는 길잡이가 될래요

0개의 댓글