Question 1

타입 가드(Type Guard)와 타입 좁히기(Narrowing)를 설명해주세요.

Accepted Answer

타입 좁히기는 넓은 타입을 좁은 타입으로 좁혀가는 과정이며, 타입 가드는 이를 수행하는 표현식입니다.

```typescript
// 1. typeof 가드
function process(value: string | number) {
  if (typeof value === 'string') {
    return value.toUpperCase(); // string으로 좁혀짐
  }
  return value.toFixed(2); // number로 좁혀짐
}

// 2. instanceof 가드
function handleError(error: Error | string) {
  if (error instanceof Error) {
    return error.message;
  }
  return error;
}

// 3. in 가드
interface Dog { bark(): void; }
interface Cat { meow(): void; }

function spea

Question 2

Discriminated Union(판별 유니온) 패턴을 설명하고 실무 예시를 들어주세요.

Accepted Answer

공통 리터럴 속성(판별자)으로 유니온의 각 케이스를 구분하는 패턴입니다. ```typescript // API 응답 타입 type ApiResult = | { status: 'success'; data: T } | { status: 'error'; error: string; code: number } | { status: 'loading' }; function handleResult(result: ApiResult) { switch (result.status) { case 'success': console.log(result.data); // data 타입 자동 추론 break; case 'error': console.log(result.error, result.code); // error, code 접근 가능 break; case 'loading': showSpinner()

Question 3

Mapped Types와 Key Remapping을 설명해주세요.

Accepted Answer

Mapped Types는 기존 타입의 각 속성을 변환하여 새 타입을 생성합니다. ```typescript // 기본 Mapped Type type Readonly = { readonly [K in keyof T]: T[K] }; type Optional = { [K in keyof T]?: T[K] }; // Key Remapping (as 절) type Getters = { [K in keyof T as `get${Capitalize}`]: () => T[K]; }; interface User { name: string; age: number; } type UserGetters = Getters; // { getName: () => string; getAge: () => number; } // 특정 키 필터링 type OnlyStrings = { [K in keyof T as T[K] extends string ?

TypeScript

01타입 가드(Type Guard)와 타입 좁히기(Narrowing)를 설명해주세요.어려움타입 가드

02Discriminated Union(판별 유니온) 패턴을 설명하고 실무 예시를 들어주세요.어려움고급

03Mapped Types와 Key Remapping을 설명해주세요.어려움고급