[ typescript ] interface 정의

JooKit 주킷 2021. 1. 31. 12:00
목차 접기
728x90
반응형
interface User {
    age: number;
    name: string;
}

// seho라는 변수는 User interface라는 타입으로 정의가 된다.
let seho: User = {
    age: 30,
    name: '세호'
}

console.log(seho);

객체를 생성할 때, 매번 타입으로 age, name을 명시해줄 필요없이 정의해둔 interface를 타입으로 활용하여 중복을 줄일 수 있다.

// 인터페이스 : 상호간의 약속
interface User {
    age: number;
    name: string;
}

// seho라는 변수는 User interface라는 타입으로 정의가 된다.
// 변수에 인터페이스 활용 
let seho: User = {
    age: 30,
    name: '세호'
}

console.log(seho);

// 함수에 인터페이스 활용
function getUser(user: User) {
    console.log(user);
}

const capt = {
    name: '캡틴',
    age: 30
}

getUser(capt);
  • getUser함수에 인터페이스에 정의한 인자를 제대로 입력하지 않으면 오류 발생.

타입스크립트와 인터페이스

  • 변수보다 함수에 인터페이스를 활용하는 일이 더 많을 것이다.
  • 인자(파라미터)에 인터페이스를 정의한다.
  • 호출 할 때, 그 인자가 파라미터에 정의한 인터페이스 규칙을 잘 따르는지 확인해주는
    것이 타입스크립트의 역할이고 그게 타입스크립트의 인터페이스 사용 장점이다.
728x90
반응형
LIST