[TypeScript] 인터페이스와 타입

 

[1. 인터페이스]

1. 인터페이스란

- 반복되는 타입을 동일한 규칙으로 정해둘 수 있음

interface User {
    first_name: string;
    last_name: string;
    age: number;
}

 

- 변수에 인터페이스 활용

const sanghee: User {
    first_name: 'Park';
    last_name: 'Sanghee';
    age: 27;
}

const junhee: User {
    first_name: 'Lee';
    last_name: 'Junhee';
    age: 27;
}

const hyein: User {
    first_name: 'Jung';
    last_name: 'Hyein';
    age: 27;
}

 

- 함수에 인터페이스 활용

function getUser(user: User) {
	console.log(user);
}

const sanghee = {
    first_name: 'Park';
    last_name: 'Sanghee';
    age: 27;
}
getUser(sanghee);

 

- 인덱싱

interface StringArray {
    [index: number]: string;
}

const arr: StringArray = ['a', 'b', 'c'];
// arr[0] = 'a';

 

-인덱스 딕셔너리 패턴

interface StringRegexDictionary {
    [key: string]: RegExp;
}

const obj: StringRegexDictionary = {
    cssFile: /\.css$/,
    jsFile: /\.js$/,
}

 

[2. 타입]

1. 타입이란

- 정의한 타입에 대해 나중에 참고할 수 있도록 별칭을 부여한 것

 

2. 인터페이스와의 차이

- 타입은 활용 시 내용 확인 가능

인터페이스	타입

 

- 타입은 확장 불가능: 공식문서에서도 type보다는 interface 사용을 추천