인터페이스로 객체 형태 정의하기

환영합니다

기본 인터페이스

interface User {
  id: number;
  name: string;
  email: string;
}
const alice: User = { id: 1, name: 'Alice', email: 'a@b.com' };

?를 사용한 선택적 속성

interface Config {
  host: string;
  port?: number;     // optional
  timeout?: number;  // optional
}

읽기 전용 속성

interface Point {
  readonly x: number;
  readonly y: number;
}
const p: Point = { x: 5, y: 10 };
// p.x = 0; // Error!

메서드 시그니처

interface Animal {
  name: string;
  speak(): string;
  move(distance: number): void;
}

인덱스 시그니처

interface StringMap {
  [key: string]: string;
}
const headers: StringMap = {
  'content-type': 'application/json',
  'accept': 'text/html',
};

구조적 타이핑

interface Named { name: string; }
function greet(obj: Named) { console.log(obj.name); }
greet({ name: 'Alice', age: 30 }); // Extra props OK when not a literal

초과 속성 검사

interface Config { host: string; }
// const c: Config = { host: 'localhost', extra: 1 }; // Error on literal
const obj = { host: 'localhost', extra: 1 };
const c: Config = obj; // OK — not a fresh literal

함수 타입을 위한 인터페이스

interface Greeter {
  (name: string): string;
}
const greet: Greeter = name => 'Hello, ' + name;

중첩 인터페이스

interface Address { street: string; city: string; }
interface Person { name: string; address: Address; }
const p: Person = { name: 'Alice', address: { street: '1 Main', city: 'NY' } };

인터페이스와 클래스 인스턴스 비교

interface Saveable { save(): Promise<void>; }
class UserService implements Saveable {
  async save() { /* ... */ }
}

빠른 확인

복습