JSON → TypeScript
JSON 샘플로 TypeScript 인터페이스나 Zod 스키마를 만듭니다
- 파일이 기기 밖으로 나가지 않습니다
- 브라우저에서 실행
- 무료, 가입 불필요, 워터마크 없음
같은 배열의 객체는 병합됩니다. 일부 항목에 없는 키는 선택적이 되고, 값 타입이 다르면 유니언 타입이 됩니다. 구조가 같은 객체는 하나의 타입을 공유합니다.
JSON → TypeScript 사용 방법
JSON 샘플로 TypeScript 인터페이스, Zod 스키마, JSON Schema를 만듭니다. 배열 속 객체는 합쳐져 빠진 키는 선택적, 다른 타입은 유니온이 됩니다. 브라우저에서 처리합니다.
- 1
JSON 샘플을 JSON 칸에 붙여 넣거나 파일을 끌어다 놓거나, '예제'를 누릅니다.
- 2
출력을 TypeScript, Zod, JSON Schema 중에서 고르고 '루트 타입 이름'을 입력합니다.
- 3
'null 값' 표기 방식을 고릅니다. TypeScript에서는 '선언 방식'에서 interface와 type 중 하나도 고를 수 있습니다.
- 4
필요에 따라 '날짜 문자열 감지', 'readonly 속성', '추가 속성 금지'를 켜고 결과를 복사하거나 내려받습니다.
자주 묻는 질문
JSON이 외부로 전송되나요?
아니요. 타입은 브라우저에서 생성되므로 실제 데이터가 담긴 API 응답도 기기 밖으로 나가지 않습니다.
배열 속 객체들의 키가 서로 다르면 어떻게 되나요?
하나의 타입으로 합쳐집니다. 일부 항목에 없는 키는 선택적 속성이 되고, 값 타입이 다른 키는 유니온 타입이 됩니다. 구조가 같은 객체는 한 타입을 공유합니다.
'T | null'과 '선택적 + null'은 무엇이 다른가요?
'T | null'은 키가 반드시 있어야 하지만 값으로 null을 허용합니다. '선택적 + null'은 키 자체가 빠지는 것도 허용해 null 필드를 생략하는 API에 맞습니다.
날짜도 인식하나요?
'날짜 문자열 감지'를 켜면 ISO 8601 형식 문자열에 TypeScript는 주석, Zod는 datetime 검사, JSON Schema는 format이 붙습니다.
주석이나 끝의 쉼표가 있는 JSON도 쓸 수 있나요?
네. 입력은 관대한 모드로 파싱되어 주석, 끝의 쉼표, JSON5 문법도 받아들이며, 그런 경우 안내 문구가 나옵니다.