Question 1

type과 interface의 차이점은 무엇인가요?

Accepted Answer

둘 다 타입을 정의하는 데 사용되지만, 몇 가지 중요한 차이가 있습니다.

```typescript
// interface: 선언 병합(declaration merging) 가능
interface User {
  name: string;
  age: number;
}
interface User {
  email: string; // 기존 User에 병합됨
}

// type: 유니온, 인터섹션, 유틸리티 타입에 유리
type Status = 'active' | 'inactive'; // 유니온 타입
type UserWithRole = User & { role: string }; // 인터섹션
type Nullable<T> = T | null; // 제네릭 타입 별칭
```

| 특성 | interface | type |
|------|-----------|------|
| 선언 병합 | O | X |
| extends | O | & (인터섹션) |
| 유니온 타입 | X | O |

Question 2

enum과 const enum, 그리고 as const의 차이점은?

Accepted Answer

TypeScript에서 상수를 정의하는 여러 방법이 있으며, 각각 장단점이 있습니다.

```typescript
// 1. enum: 런타임에 객체로 존재
enum Direction {
  Up = 'UP',
  Down = 'DOWN',
}
// 컴파일 후 JavaScript 객체가 생성됨

// 2. const enum: 컴파일 시 인라인으로 치환 (번들 크기 감소)
const enum Status {
  Active = 'ACTIVE',
  Inactive = 'INACTIVE',
}
const s = Status.Active; // 컴파일 후: const s = "ACTIVE"

// 3. as const: 리터럴 타입으로 추론
const COLORS = {
  Red: '#ff0000',
  Blue: '#0000ff',
} as const;

type Color = typeof COLORS[keyof typeof COLORS];
// '#ff0000' | '#0000ff'

TypeScript

01type과 interface의 차이점은 무엇인가요?쉬움기초

02enum과 const enum, 그리고 as const의 차이점은?쉬움기초