Tool Hub

JSON → TypeScript 생성기

JSON 객체 → TypeScript 인터페이스/타입 자동 생성

JSON 샘플에서 TypeScript 인터페이스를 생성합니다. JSON 객체를 붙여넣고 루트 타입 이름을 설정하면 중첩 인터페이스 정의와 추론된 타입이 즉시 생성됩니다. 변환은 전적으로 브라우저에서 실행되며 데이터가 페이지를 벗어나지 않습니다.

입력 JSON

출력 TypeScript
export interface Address {
  city: string;
  zip: string;
}

export interface Root {
  id: number;
  name: string;
  email: string;
  tags: string[];
  address: Address;
}

사용 방법

  1. 왼쪽 패널에 JSON 객체를 붙여넣으세요.
  2. 루트 인터페이스 이름을 설정하고 인터페이스 또는 유형 별칭을 선택하세요.
  3. 필요에 따라 readonly 또는 null-to-optional을 전환하세요.
  4. 오른쪽 패널에서 생성된 TypeScript 정의를 복사하세요 — 변환이 브라우저에서 완전히 실행됩니다.

예제

  • {"id":1,"tags":["dev"],"address":{"city":"Seoul"}}을 루트 이름 Root와 함께 붙여넣으면 중첩된 Address 인터페이스가 자동으로 유추되는 Root 인터페이스를 생성합니다.
  • "null → optional" 활성화하면 값이 null인 필드를 `field: null`에서 `field?: unknown`로 변경합니다.

프로덕션 사용 전 출력을 검증하십시오. 보증 없음 — 자세한 내용은 이용약관.