인프런 강의 - 한 입 크기로 잘라먹는 타입스크립트 (인터페이스)

한 입 크기로 잘라먹는 타입스크립트(TypeScript) 강의 | 이정환 Winterlood - 인프런

 

📌 인터페이스

// ✅ 인터페이스 (interface)
// → 객체의 구조(프로퍼티와 메서드)를 정의하는 문법
// → 상속, 합침 등의 특수한 기능을 제공
interface Person {
    readonly name: string;
    age?: number;

    // 메서드 정의 (호출 시그니처로 정의하면 오버로딩 가능 / sayHi: () => void; 와 같이 함수 타입 표현식은 오버로딩 불가능)
    sayHi(): void;
    sayHi(name1: string, name2: string): void;
}

// 인터페이스를 사용한 객체 정의
const person: Person = {
    name: "강연수",
    sayHi: function() {
        console.log("Hi");
    }
};

person.sayHi();
person.sayHi("강연수", "강말리");

 

📌 인터페이스 확장하기

// ✅ 인터페이스 확장 (interface extends)
// → 기존 인터페이스를 상속(확장)해서 새로운 속성을 추가할 수 있음
interface Animal {
    name: string;
    age: number;
};

interface Dog extends Animal {
    isBark: boolean;
};

interface Cat extends Animal {
    isScratch: boolean;
};

interface Chicken extends Animal {
    isFly: boolean;
};

// ✅ 인터페이스 다중 확장
// → 여러 개의 인터페이스를 한꺼번에 확장 가능
interface DogCat extends Dog, Cat {};

 

📌 인터페이스 합치기

// ✅ 인터페이스 선언 합치기 (Declaration Merging)
// → 동일한 이름의 인터페이스가 여러 번 선언되면, 타입스크립트가 이를 자동으로 하나로 합쳐줌
// → 주로 라이브러리 보강(모듈 보강) 등에서 많이 사용됨
interface Person {
    name: string;
}

interface Person {
    age: number;
}

const person: Person = {
    name: "강연수",
    age: 24
};

 

⬇️ 다음 내용은 아래 글을 참고

인프런 강의 - 한 입 크기로 잘라먹는 타입스크립트 (클래스)