TypeScript(What are Interfaces)

seven2649·2022년 7월 8일
0

TypeScript Essentials

목록 보기
15/24
post-thumbnail

What are Interfaces??


// interface 사용 전
function hello(person: { name: string; age: number; }): void {
    console.log(`안녕하세요! ${person.name} 입니다.`);
}

const p: { name: string; age: number; } = {
    name: 'Winnie',
    age: 20
};

hello(p); // 안녕하세요! Winnie 입니다.


// interface 사용 후
interface Person1 {
    name: string;
    age: number;
}

function hello(person: Person1): void {
    console.log(`안녕하세요! ${person.name} 입니다.`);
}

const p: Person1 = {
    name: 'Winnie',
    age: 20
};

hello(p); // 안녕하세요! Winnie 입니다.
profile
웹디자이너, 퍼블리셔 3년차 + 프론트엔드 신입

0개의 댓글