Partial과 Required: 선택 사항 전환하기

환영합니다

Partial<T>

interface User { id: number; name: string; email: string; }
type PartialUser = Partial<User>;
// { id?: number; name?: string; email?: string; }

업데이트 함수에서의 Partial

function updateUser(id: number, changes: Partial<User>): User {
  const existing = findUser(id)!;
  return { ...existing, ...changes };
}

Required<T>

type RequiredUser = Required<User>;
// All properties are now required — including those that were optional

Config 유효성 검사를 위한 Required

interface Config { host?: string; port?: number; }
const defaults: Required<Config> = { host: 'localhost', port: 3000 };
function createConfig(opts: Config): Required<Config> {
  return { ...defaults, ...opts };
}

Partial의 구현 방식

type Partial<T> = { [K in keyof T]?: T[K] };
// Equivalent to: { [K in keyof T]+?: T[K] }

Required의 구현 방식

type Required<T> = { [K in keyof T]-?: T[K] };

Deep Partial

type DeepPartial<T> = {
  [K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K]
};

Partial과 Required 결합

// id required, everything else optional
type UpsertUser = Required<Pick<User, 'id'>> & Partial<Omit<User, 'id'>>;

인터페이스의 Partial과 선택적 속성 비교

Partial을 사용한 타입 추론

function show(u: Partial<User>) {
  if (u.name !== undefined) {
    console.log(u.name.toUpperCase()); // safe
  }
}

빠른 확인

복습