[TypeScript] 02. 타입스크립트 인터페이스

인터페이스(Interface) 란,

> 타입 체크를 위해 사용됩니다.

> 클래스와 유사하지만 인스턴스 생성이 불가능합니다.

> 인터페이스의 메서드는 모두 추상 메서드입니다.

 

Typescript에서 인터페이스 사용해보기!

예제 01. 변수 타입으로 사용하기

먼저, 다음과 같이 User라는 이름의 인터페이스를 정의합니다.

++ 인터페이스의 프로퍼티 이름 끝에  ? 를 붙여 선택적 프로퍼티임을 표시하여 줍니다. 

interface User {
    userName : string;
    userEmail? : string;
}

 

변수 user의 타입을 User 인터페이스로 선언한 후에 user 변수에 값을 넣어줄 때에는 User인터페이스를 준수하여 값을 작성해주어야 합니다.

let user : User;

user = {userName : "송우든", userEmail : "song@wooden"};

console.log(user);

 

또한, 인터페이스를 사용하여 함수의 파라미터의 타입을 선언해줄 수 있습니다.

const printUser = (user : User) => {
    console.log('이름 : ', user.userName);
    console.log('이메일 : ', user.userEmail);
}

let myUser = {userName : "송우든", userEmail : "song@wooden"}
printUser(myUser);

 

예제 02. 함수 타입으로 사용하기 

인터페이스를 함수의 타입으로 선언할 때에는 파라미터 타입과 리턴 타입을 작성하여 줍니다.

아래 코드에서는 User타입의 user를 파라미터로 받고 리턴 타입은 void임을 보여줍니다.

interface printFunc {
  (user : User) : void;
}

 

다음과 같이 함수에 적용할 수 있습니다.

const printUser : printFunc = (user : User) => {
    console.log('이름 : ', user.userName);
    console.log('이메일 : ', user.userEmail);
}

let myUser = {userName : "송우든", userEmail : "song@wooden"}
printUser(myUser);