TypeScript로 만드는 대표기업 서비스

VS Code 확장 프로그램의 기본 구조를
activate 함수와 명령 등록 코드로 보여줘.
타입 정의의 역할을 주석으로.

VS Code 확장의 메시지 통신을 TS로 설계해줘.
Webview ↔ Extension 양방향 메시지의 타입 안전성을
유니온 + 디스크리미네이터 패턴으로 보장.

VS Code 수준의 대규모 TS 프로젝트 아키텍처를 설계해줘.
포함: monorepo / 의존성 관리 / 모듈 경계 /
점진적 strict 도입 / build 캐싱 / type-check 분리.

Electron의 메인 vs 렌더러 프로세스 차이를
비유 + 다이어그램으로 설명해줘.
IPC가 왜 필요한지도.

IPC 메시지를 TS 인터페이스로 정의하고
양쪽에서 같은 타입을 공유하는 코드를 만들어줘.
Discriminated Union으로 메시지 종류 식별.

Slack 수준 데스크톱 앱의 TS 아키텍처를 설계해줘.
포함: 모노레포 / 공유 타입 패키지 /
IPC 코드 자동 생성 / 보안(contextIsolation) /
zero-runtime 검증.

JS 파일을 TS로 바꾸는 가장 작은 단계를 알려줘.
.js → .ts 변경 + 함수 시그니처에 타입 추가만으로
시작하는 예시.

JS → TS 마이그레이션 전략을 단계별로 정리해줘.
1) allowJs / 2) any 우선 / 3) strict 점진 도입 /
4) codemod로 일괄 변환. 각 단계의 위험과 측정 지표.

100만 줄 JS 코드베이스의 TS 마이그레이션 로드맵을 설계해줘.
포함: tsconfig 분할 / per-file 옵션 / CI 게이트 /
팀별 진척 측정 / 점진적 strict / 롤백 전략.

Stripe SDK 사용 예시(stripe.charges.create)에서
타입 자동완성이 어떻게 도움이 되는지
실수 예시 vs 자동완성 예시로 비교.

OpenAPI 스펙에서 TS 타입을 자동 생성하는 흐름을 만들어줘.
openapi-typescript 사용 + 타입 안전 fetch 래퍼 +
에러 응답까지 디스크리미네이터로 분기.

Stripe 수준 SDK 개발자 경험(DX)을 설계해줘.
포함: 자동 생성 / JSDoc 풍부화 / 디프리케이션 표시 /
버전 호환성 / TS·JS 동시 지원 / Tree-shakable.

Next.js에서 페이지 props의 params/searchParams 타입을
어떻게 정의하는지 예시 코드로 보여줘.

Zod로 환경변수 + 폼 입력 + API 요청을
런타임 검증 + 컴파일 타입 동시 확보하는
패턴을 코드로 보여줘.

Next.js + tRPC + Zod + Prisma 풀스택을 설계해줘.
포함: DB 스키마 → 클라이언트 자동 타입 / Server Actions /
edge runtime 호환 / 캐시·재검증 전략.

// 기업 TS 기법 5가지 — 미니 데모

// 1. MS: strict 모드 + 모듈 경계
// tsconfig.json: { "strict": true, "noUncheckedIndexedAccess": true }
function safeGet<T>(arr: T[], i: number): T | undefined {
  return arr[i]; // strict 옵션으로 자동으로 T | undefined로 좁혀짐
}

// 2. Slack: IPC Discriminated Union
type IpcMessage =
  | { type: 'open-file'; path: string }
  | { type: 'save-file'; path: string; content: string }
  | { type: 'delete-file'; path: string };

function handle(msg: IpcMessage) {
  switch (msg.type) {
    case 'open-file': return readFile(msg.path);
    case 'save-file': return writeFile(msg.path, msg.content);
    case 'delete-file': return removeFile(msg.path);
    // 새 타입 추가 시 컴파일 에러 → 안전
  }
}
declare function readFile(p: string): unknown;
declare function writeFile(p: string, c: string): unknown;
declare function removeFile(p: string): unknown;

// 3. Airbnb: 점진적 마이그레이션 (allowJs)
// tsconfig: { "allowJs": true, "checkJs": false }
// .js 파일은 그대로 두고 .ts 파일부터 점진적 도입

// 4. Stripe: Zod로 런타임 + 컴파일 타입 동시 확보
import { z } from 'zod';
const Charge = z.object({
  id: z.string(),
  amount: z.number().positive(),
  currency: z.enum(['usd', 'krw']),
});
type Charge = z.infer<typeof Charge>; // {id: string; amount: number; currency: 'usd' | 'krw'}

async function fetchCharge(id: string): Promise<Charge> {
  const res = await fetch(`/api/charges/${id}`);
  return Charge.parse(await res.json()); // 런타임 검증 + 타입 자동
}

// 5. Vercel: Next.js 페이지 props 자동 타입
// app/posts/[id]/page.tsx
interface PageProps {
  params: { id: string };
  searchParams: { [key: string]: string | string[] | undefined };
}
async function Page({ params }: PageProps) {
  // params.id는 자동으로 string 타입
  return null;
}

// 💡 이 5가지 패턴만 잘 써도 대규모 TS 프로젝트의 안전성 80%는 확보됩니다.