JSON → TypeScript 인터페이스 변환
JSON 데이터를 붙여넣으면 TypeScript 인터페이스가 자동으로 생성됩니다. 중첩 객체는 별도 인터페이스로 분리되고, 배열·null·혼합 타입도 정확히 추론합니다.
JSON 입력
TypeScript 출력
사용 방법
1
JSON 붙여넣기
왼쪽에 JSON 데이터를 붙여넣으세요. 단일 객체·배열·중첩 구조 모두 가능합니다. JSON 파싱 오류 시 에러 위치가 표시됩니다.
2
옵션 선택
루트 인터페이스 이름, 모든 필드 옵셔널 처리, 키 정렬 등을 지정할 수 있습니다.
3
결과 복사
오른쪽에 TypeScript 인터페이스가 실시간으로 표시됩니다. 복사 버튼 한 번으로 .ts 파일에 붙여넣기 가능.
자주 묻는 질문
중첩 객체는 어떻게 처리되나요?
각 중첩 객체는 별도 인터페이스로 분리됩니다. 인터페이스 이름은 부모 키 이름을 PascalCase로 변환해 사용합니다. 예: `user.address` → `Address` 인터페이스.
배열 타입은 어떻게 추론?
배열 항목들의 타입을 검사해 단일 타입이면 `T[]`, 혼합이면 `(A | B)[]`로 추론합니다. 객체 배열은 첫 항목 기준으로 인터페이스를 만들되, 누락 키는 옵셔널(`?`)로 표시합니다.
null 값이 있는 필드는?
`null`만 나타난 필드는 `null` 타입, 다른 값과 혼재하면 `string | null` 같은 union이 됩니다. "모든 필드 옵셔널" 옵션을 켜면 `?`도 함께 붙습니다.
키 이름이 식별자가 아닐 때?
하이픈(-) 등 식별자로 못 쓰는 키는 자동으로 따옴표로 감쌉니다. 예: `"my-key": string`.
데이터가 서버에 전송되나요?
아닙니다. 모든 변환은 브라우저에서만 이루어지며, 입력한 JSON이 외부로 전송되지 않습니다.
