📘 타입스크립트 개념 정리09

📘 인터페이스 (Interface)정리

1️⃣ 인터페이스란?

👉 객체의 모양(구조)을 정의하는 설계도

interface Person {
  name: string;
  age: number;
}

👉 이렇게 만들어두면

const person: Person = {
  name: "army",
  age: 20
};

✔️ 객체는 반드시 이 구조를 따라야 함

2️⃣ 타입 별칭(type) vs 인터페이스(interface)

✔️ 공통점

• 둘 다 타입 이름을 만들어줌

✔️ 차이점 (중요🔥)

구분	type	interface
유니온	⭕ 가능	❌ 직접 불가능
인터섹션	⭕ 가능	❌ 직접 불가능
객체 정의	⭕ 가능	⭕ 가능
확장 (상속)	⭕ 가능	⭕ 가능
선언 합침	❌ 안됨	⭕ 됨

✔️ 예시

type A = number | string; // 유니온
type B = number & string; // 인터섹션

👉 interface는 이렇게 못함 ❌

3️⃣ 인터페이스 함수 정의 (오버로딩)

interface Person {
  name: string;
  age?: number; // 선택값

  sayHi(): void;
  sayHi(a: number, b: number): void;
}

👉 같은 함수 여러개 정의 = 오버로딩

✔️ 사용

const person: Person = {
  name: "army",
  sayHi: function () {
    console.log("hello");
  }
};

person.sayHi();
person.sayHi(1, 2);

4️⃣ 선택적 프로퍼티 (옵셔널)

age?: number;

👉 있어도 되고 없어도 됨

5️⃣ 인터페이스 확장 (extends) ⭐⭐⭐

👉 다른 인터페이스를 상속받기

interface Animal {
  name: string;
  age: number;
}

interface Dog extends Animal {
  isBark: boolean;
}

✔️ 사용

const dog: Dog = {
  name: "",
  age: 0,
  isBark: true
};

6️⃣ 여러 개 확장

interface DogCat extends Dog, Cat {}

👉 Dog + Cat 둘 다 합친 구조

const dogCat: DogCat = {
  name: "",
  age: 2,
  isBark: true,
  isScratch: true
};

7️⃣ 선언 합침 (Declaration Merging) ⭐⭐⭐ 핵심

👉 인터페이스는 같은 이름으로 여러 번 선언 가능

interface Person {
  name: string;
}

interface Person {
  age: number;
}

👉 자동으로 합쳐짐 👇

const person: Person = {
  name: "",
  age: 20
};

❗ type은 안됨

type Person = { name: string }
type Person = { age: number } // ❌ 에러

8️⃣ 모듈 보강 (실무 🔥)

👉 라이브러리 타입 부족할 때 추가

interface Lip {
  a: number;
  b: number;
}

interface Lip {
  c: string;
}

👉 결과

const lip: Lip = {
  a: 1,
  b: 2,
  c: "hello"
};

💡 핵심 요약

👉 인터페이스는

• 객체 구조 정의용
• 확장(상속) 가능
• 선언 합침 가능

👉 타입(type)은

• 유니온, 인터섹션 가능
• 더 유연함

🚨 많이 하는 실수

❌ 1. extends 했는데 값 안 넣음

interface Dog extends Animal
👉 Animal 속성 다 넣어야 함!

❌ 2. optional 착각

age?: number;

👉 없어도 되는거지
👉 undefined 자동 포함됨

❌ 3. 함수 오버로딩 구현 안함

sayHi(): void;
sayHi(a: number, b: number): void;

👉 실제 구현은 하나만 작성해야 함

🎯 한 줄 정리

👉 interface = 객체 구조 설계 + 상속 + 합치기 가능한 타입