Typescript - 7. TypeScript의 Type Aliases

TypeScript에서 Type Aliases

Type Aliases는 TS에서 기존 타입에 사용자 정의 이름을 부여할 수 있는 방법이다. 코드의 가독성을 높이고 복잡한 타입 구조를 단순화할 수 있다. Type Aliases는 원시 데이터 타입, Array, Tuple, 객체, 함수 등 다양한 타입에 적용할 수 있다. 

 

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

TS에서 원시 데이터 타입의 별칭을 사용하면 특정 데이터 타입을 명확히 표현할 수 있다.

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

위처럼 age와 같은 숫자를 나타내는 변수를 다룰 때, number 대신 Age라는 별칭을 사용할 수 있다.

 

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

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

1) Array

// Array
type Names = string[];
const myFriends: Names = ['Alice', 'Bob', 'Charlie'];

2) Tuple

// Tuple
type Coordinates = [number, number];
const myLocation: Coordinates = [37.7749, -122.4194];

3)  객체

// 객체
type User = {
  id: string;
  name: string;
  age: number;
};
const user: User = { id: '1', name: 'John Doe', age: 28 };

4) 함수

// 함수
type GreetingFunction = (name: string) => string;
const greet: GreetingFunction = (name) => `Hello, ${name}!`;

 

3. 좀 더 복잡한 형태

 

원시 데이터 타입의 별칭을 컬렉션 데이터 타입의 원소로 사용할 수도 있다. 이를 통해 코드의 가독성을 높일 수 있다.

type UserID = string;
type UserName = string;
type Age = number;
 
type User = {
  id: UserID;
  name: UserName;
  age: Age;
};
 
const user: User = { id: '1', name: 'John Doe', age: 28 };

---

참고자료

생활코딩 - Typescript

https://opentutorials.org/course/5080

TypeScript - 생활코딩