JSON → TypeScript 변환기

타입은 값에서 추론됩니다. string, number, boolean, null, 배열은 T[], 섞인 배열은 (number | string | null)[] 같은 유니언, 빈 배열은 unknown[]이 됩니다. 중첩 객체마다 경로를 PascalCase로 바꾼 이름의 인터페이스가 생깁니다(Order 안의 shipping_address → OrderShippingAddress). 배열의 모든 객체는 하나의 항목 타입으로 병합되며, 일부 요소에 없는 키는 선택적이 되고 값 타입이 다른 키는 유니언이 됩니다.

옵션: 루트 이름은 최상위 타입 이름을 정합니다(기본값 Root). export 키워드는 모든 선언에 export를 붙입니다. 기본으로 켜져 있는 선택적 필드 (?)는 값이 null인 키를 선택적으로 표시합니다. 타입 별칭 사용은 interface X { … } 대신 type X = { … };를 씁니다. 루트가 배열이면 export type Users = UsersItem[]; 같은 별칭이 만들어집니다. 유효한 식별자가 아닌 키는 따옴표로 감싸고("order-id": string;), 타입 이름이 겹치면 숫자 접미사가 붙습니다.

출력은 편집할 때마다(잠시 멈춘 뒤), 그리고 변환 또는 Ctrl+Enter를 누를 때 다시 만들어지며, 잘못된 JSON이면 파서 오류가 표시됩니다. 결과는 읽기 전용 에디터에 나오며 복사하거나 .ts 다운로드로 types.ts에 저장할 수 있습니다. 모든 처리는 로컬에서 이루어지며 샘플은 업로드되거나 저장되지 않습니다.

API 객체: {"id":7,"user_name":"ann","tags":["a"],"manager":null}에 루트 이름 User와 export 키워드를 지정하면 export interface User { id: number; user_name: string; tags: string[]; manager?: null; }가 나옵니다.

서로 다른 객체의 배열: [{"id":1,"email":"[email protected]"},{"id":2,"phone":"555"}]에 루트 이름 Users를 지정하면 export interface UsersItem { id: number; email?: string; phone?: string; }와 export type Users = UsersItem[];가 나옵니다.

타입 별칭과 따옴표 키: {"order-id":"A1","items":[{"sku":"x","qty":2}],"shipping_address":{"city":"Omsk"}}에 루트 이름 Order와 타입 별칭 사용을 지정하면 type OrderItemsItem = { sku: string; qty: number; };, type OrderShippingAddress = { city: string; };, type Order = { "order-id": string; items: OrderItemsItem[]; shipping_address: OrderShippingAddress; };가 나옵니다.