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

</aside>

interface Person {
	name: string
	age**?**: number
}

const p1: **Person** = { name: 'Lee', age: 30 }

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

indexable 속성

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

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

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

interface 내부 함수

interface Person {
	name: string
	age: number
	**hello(): void**
}

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

interface 구현

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

**class** Person **implements** IPerson {
	name: string
	age?: number | undefined

	**constructor**(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 **extends** IPerson {
	city: string
}

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