타입스크립트 선택적 속성 예제

~~~

타입스크립트에서 객체 타입을 사용할 때,
보통, 객체의 속성은 입력하게 되겠지만, 굳이 필수가 아닌 속성은 생략될 수 있다.

예를 들어,
회원 정보에서 name은 필수로 사용되겠지만,
phone이나 profileImage는 사용자의 입력은 필수가 아닌 옵션이 될 수 있다.

이때 사용할 수 있는 타입스크립트 문법이 선택적 속성( Optional Property )이다.

선택적 속성( Optional Property )은 속성 뒤에 물음표( ? )를 붙여 설정할 수 있다.

~~~

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

~~~

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

~~~

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

const user1: User = {
  id: 1,
  name: "민수",
};

const user2: User = {
  id: 2,
  name: "지수",
  email: "jisu@example.com",
};

~~~

const user3: User = {
  id: 3,
};

~~~