TypeScript에서 인터페이스의 선택적 속성

인터페이스에서는 특별한 선택적(필수가 아닌) 속성을 정의할 수도 있습니다. 이는 객체를 특정 속성 집합으로 제한하지 않기 위해 필요합니다. 그러나 인터페이스에 포함되지 않은 속성의 사용은 금지됩니다. 선택적 속성은 속성 이름 뒤에 지정된 ? 연산자를 사용하여 정의됩니다.

모든 도형 객체에 속성을 정의하는 IFigure 인터페이스를 만들어 봅시다. color를 선택적 속성으로 두겠습니다:

interface IFigure {
	height: number;
	width: number;
	color?: string;
}

이제 rectangle 객체를 만들고 콘솔에 색상 값을 출력해 봅시다:

let rectangle: IFigure = {
	height: 200,
	width: 300,
	color: 'red'
}

console.log(rectangle.color); // 'red'

이제 객체에서 색상을 지정하지 않으면 오류가 발생하는지 확인해 봅시다:

let rectangle: IFigure = {
	height: 200,
	width: 300
}

console.log(rectangle.color);

오류는 발생하지 않으며, 콘솔에는 색상이 단순히 정의되지 않았다는 메시지가 출력됩니다:

undefined

날짜(년, 월, 일)를 저장하는 객체를 위한 IDate 인터페이스를 만드세요. 객체의 모든 속성을 선택적으로 만들어 보세요.