성능 — 타입 체크 속도 최적화, tsc --generateTrace 분석

# 타입 체크 트레이스 생성
npx tsc --generateTrace ./trace-output

# 결과 확인
# trace-output/trace.json → Chrome DevTools의 Performance 탭에서 열기
# trace-output/types.json → 타입 체크에 시간이 걸린 타입 목록

npx tsc --extendedDiagnostics

# 출력 예시:
# Files:               1234
# Lines:               98765
# Parse time:          1.23s
# Bind time:           0.45s
# Check time:          4.67s   ← 타입 체크 시간
# Emit time:           0.89s
# Total time:          7.24s

// ❌ 느림 — 깊은 재귀
type DeepPartial<T> = T extends object
  ? { [K in keyof T]?: DeepPartial<T[K]> }
  : T;

// ✅ 개선 — 깊이 제한
type DeepPartial2<T, Depth extends number = 5> = Depth extends 0
  ? T
  : T extends object
    ? { [K in keyof T]?: DeepPartial2<T[K], Subtract<Depth, 1>> }
    : T;

// ❌ 느림 — 수천 개의 유니온 멤버
type AllIcons = 'icon-1' | 'icon-2' | /* ... 5000개 ... */ | 'icon-5000';

// 조건부 타입에 대규모 유니온이 들어가면 각 멤버에 분배됨
type Boxed = Box<AllIcons>; // 5000번 계산

// ❌ 느림 — 인터섹션은 매번 평탄화
type User = Base & PersonalInfo & ContactInfo & Permissions & Settings;

// ✅ 빠름 — interface extends는 캐싱됨
interface User extends Base, PersonalInfo, ContactInfo, Permissions, Settings {}

// ❌ 느림 — 제네릭이 많은 조합으로 인스턴스화됨
type ComplexGeneric<A, B, C, D, E> = /* 복잡한 타입 계산 */;

// 수많은 조합으로 사용되면 각각 계산해야 함

{
  "compilerOptions": {
    "skipLibCheck": true  // .d.ts 파일의 타입 검사를 건너뜀
  }
}

{
  "compilerOptions": {
    "incremental": true,        // 증분 빌드 활성화
    "tsBuildInfoFile": "./.tsbuildinfo" // 빌드 정보 파일
  }
}

{
  "references": [
    { "path": "./packages/shared" },
    { "path": "./packages/api" },
    { "path": "./packages/web" }
  ]
}

// ❌ 복잡한 Mapped Type이 반복 사용
type FormState<T> = {
  [K in keyof T]: {
    value: T[K];
    error: string | null;
    touched: boolean;
    dirty: boolean;
  };
};

// ✅ 결과를 캐싱 (type alias는 한 번만 계산)
type FieldState<T> = {
  value: T;
  error: string | null;
  touched: boolean;
  dirty: boolean;
};

type FormState<T> = {
  [K in keyof T]: FieldState<T[K]>;
};

// ❌ 거대한 배럴 파일 — 하나만 import해도 전체 타입 로딩
export * from './user';
export * from './product';
export * from './order';
// ... 수백 개

// ✅ 직접 import
import { User } from './models/user';