🟢 TypeScript: `type` vs `interface` 비교

TypeScript에서는 객체, 함수, 클래스 타입을 정의할 때 type과 interface 두 가지를 쓸 수 있어요.

둘 다 비슷하지만, 미묘한 차이가 있고 활용에 따라 장단점이 달라집니다.

1️⃣ 기본 문법

interface User {
  id: number;
  name: string;
  email?: string; // 선택 속성
}

type User = {
  id: number;
  name: string;
  email?: string; // 선택 속성
}

기본 객체 타입 정의는 거의 동일

interface Person {
  name: string;
}
 
interface Employee extends Person {
  salary: number;
}

type Person = { name: string };
type Employee = Person & { salary: number }

interface User {
  id: number;
}
interface User {
  name: string;
}
// User는 { id: number; name: string }으로 병합

type User = { id: number };
type User = { name: string }; // ❌ 에

type ID = number | string;
type Point = [number, number];