TypeScript는 JavaScript에 타입을 추가하는 오픈 소스 언어입니다. 이번 포스트에서는 TypeScript에서 타입 별칭과 인터페이스를 사용하여 옵셔널 프로퍼티를 정의하는 방법에 대해 살펴보겠습니다.

타입 별칭(Type Aliases)이란?

타입 별칭은 새로운 타입의 이름을 지정할 수 있는 기능입니다. 간단히 말해 어떤 타입에 대한 별칭을 지정할 수 있습니다.

type Point = {
  x: number;
  y: number;
};

위 예제에서는 Point라는 새로운 타입 별칭을 정의했습니다. 이제 Point를 사용하여 타입을 선언할 수 있습니다.

인터페이스(Interfaces)란?

인터페이스는 TypeScript에서 객체의 구조(프로퍼티와 메소드)를 정의하는데 사용됩니다.

interface Person {
  name: string;
  age: number;
  gender?: string;
}

위 예제에서 gender?는 옵셔널 프로퍼티(Optional Property) 입니다. 즉, 해당 프로퍼티가 있을 수도 있고, 없을 수도 있습니다.

타입 별칭과 인터페이스에서 옵셔널 프로퍼티 사용하기

type Point = {
  x: number;
  y: number;
  z?: number;
};

interface User {
  name: string;
  age: number;
  email?: string;
}

위 예제에서 z?와 email?는 모두 옵셔널 프로퍼티를 나타냅니다.

마치며

TypeScript에서 옵셔널 프로퍼티를 정의할 때, 타입 별칭과 인터페이스를 모두 사용할 수 있습니다. 프로젝트의 요구에 맞게 적절히 선택하여 사용하면 됩니다.

참고문헌:

• 타입스크립트 공식 문서