<aside> ❗ 내가 직접 만드는 ‘데이터 타입’

</aside>

interface Person {
	name: string
	age<u>**?**</u>: number
}

const p1: <u>**Person**</u> = { name: 'Lee', age: 30 }

• 인터페이스의 속성에 ? 가 붙은 속성은 있을 수도, 없을 수도 있는 속성이다.

indexable 속성

interface Person {
	name: string
	age?: number
	[index: string]: any
}

const person: Person = {
	name: 'Lee',
	<u>**systers**</u>: ["sung", "chan"]
}

• 인터페이스의 객체를 만들 때, [index: ] 속성에는 타입 어노테이션을 지키는 선에서, 어떤 속성이든 올 수 있다.
• 속성의 이름이 고정되어 있지 않다는 것을 뜻한다.

interface 내부 함수

interface Person {
	name: string
	age: number
	<u>**hello(): void**</u>
}

const person: Person = {
	name: 'Lee',
	age: 30,
	<u>**hello</u>: function(): void {
		console.log('안녕하세요! ~~~)	
	}**
}

interface 구현

interface IPerson {
	name: string
	age?: number
	hello(): void
}

<u>**class**</u> Person <u>**implements**</u> IPerson {
	name: string
	age?: number | undefined

	<u>**constructor**</u>(name:string) {
		this.name = name
	}
	hello(): void {
		console.log('~~')
	}
}

const person = new Person('Lee')

• implements : 인터페이스의 틀을 기초로 한 클래스를 구현한다.
• 인터페이스와 다르게 constructor가 존재한다.

interface 상속

interface IPerson {
	name: string
	age?: number
}

interface IKorean <u>**extends**</u> IPerson {
	city: string
}

const k: IKorean = {
	name: 'Lee'
	city: '서울'
}