Typescript - 질서정연한 JavaScript

자바스크립트 개발자를 위한

Typescript - 질서정연한 JavaScript 자바스크립트 개발자를 위한

TypeScript의 Type Aliases

 

TypeScript에서 Type Aliases

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

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

TypeScript에서 원시 데이터 타입의 별칭을 사용하면 특정 데이터 타입을 명확히 표현할 수 있습니다. 예를 들어, 'age'와 같은 숫자를 나타내는 변수를 다룰 때, 'number' 타입 대신 'Age'라는 별칭을 사용할 수 있습니다.

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 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 };

댓글

댓글 본문
  1. TTimotti
    자바로 시작해서 그런가 이해가 쏙쏙 되네요.
  2. 민스티티아
    감사합니다.
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기