JSON → TypeScript

JSON에서 TypeScript 인터페이스를 자동 생성합니다. 스마트 타입 추론, 중첩 객체, 배열 유니온.

100% 무료 · 제한 없음

Quick start:

루트 이름

Declaration

Indent

옵션

JSON Input

TypeScript Output

TypeScript interfaces will appear here

스마트 타입 추론

원시 타입, 배열, 중첩 객체, ISO 날짜, nullable 필드를 자동 감지하고 이기종 배열에 대한 올바른 유니온 타입을 생성합니다.

명명된 인터페이스

중첩 객체는 PascalCase 명명 규칙으로 별도의 명명된 인터페이스가 됩니다. 배열 항목은 단수형으로 변환됩니다. 지저분한 인라인 타입이 없습니다.

프로덕션 준비 완료

export 키워드, 설정 가능한 들여쓰기, readonly 수정자, optional 마커를 포함한 출력. 코드베이스에 바로 붙여넣을 수 있습니다.

JSON을 TypeScript로 변환하는 방법

The IT Hustle의 무료 변환기로 JSON에서 실무에 바로 쓸 수 있는 TypeScript 인터페이스를 생성하세요.

1
JSON 붙여넣기왼쪽 패널에 JSON 객체나 배열을 입력하거나 붙여넣으세요. 도구가 실시간으로 유효성을 검사합니다.
2
옵션 설정루트 인터페이스 이름을 지정하고, interface와 타입 별칭 중 선택하고, 선택적 필드, readonly, export 키워드 등을 설정하세요.
3
출력 결과 확인오른쪽 패널에 문법 강조가 적용된 TypeScript 인터페이스가 표시되며, 중첩 객체는 별도 타입으로 분리됩니다.
4
프로젝트에 복사Copy 버튼을 클릭해 TypeScript 코드를 복사한 뒤 .ts 파일에 바로 붙여넣으세요.

그렇습니다. 중첩 객체는 각각 별도의 인터페이스로 추출됩니다. 예를 들어 address 필드가 있는 user 객체는 User 인터페이스와 Address 인터페이스를 모두 생성합니다.

배열의 모든 항목을 분석해 타입을 결정합니다. 동일한 타입의 배열은 string[]이나 number[]가 되고, 혼합된 배열은 유니온 타입이 됩니다. 객체 배열은 모든 항목을 기반으로 공통 인터페이스를 생성합니다.

그렇습니다. 생성된 인터페이스는 PascalCase 명명, 선택적 필드의 ? 표시, 깔끔한 들여쓰기 등 TypeScript 컨벤션을 따릅니다. 출력 결과를 프로젝트에 바로 붙여넣어 사용하세요.