CrateX.app

JSON을 TypeScript로

JSON 샘플을 TypeScript interface와 type alias로 변환하고, 객체 배열 필드 병합, 선택 필드와 null union 추론, 빈 배열과 빈 객체에 맞는 타입 선언 생성을 자동으로 처리합니다. API 응답 모델링, 프런트엔드 타입 초기화, 데이터 구조 정리에 적합합니다.

JSON을 TypeScript로

빠른 시작

왼쪽 편집기에 유효한 JSON 샘플을 붙여 넣습니다.

선택 사항: 생성 전에 ApiResponse 같은 사용자 지정 루트 타입 이름을 설정합니다.

오른쪽에서 생성 결과를 확인합니다. 객체 루트는 interface 선언이 되고, 배열과 원시값은 type alias가 됩니다.

복사 또는 다운로드를 사용해 생성된 .ts 출력을 프로젝트에서 바로 재사용합니다.

자주 쓰는 활용 사례

실제 API 응답을 프런트엔드 페이지, SDK 클라이언트, 통합 테스트용 TypeScript 시작 모델로 빠르게 바꿉니다.

API 계약을 확정하기 전에 혼합 객체 배열을 확인해 optional 필드와 union 타입을 파악합니다.

mock JSON 데이터를 fixture, Storybook 스토리, 프로토타입용 타입 정의로 빠르게 변환합니다.

백엔드 payload 형태가 바뀔 때 User, Meta 같은 중첩 선언을 검토합니다.

활용 팁

대표성 있는 JSON 샘플을 사용하세요. 생성기는 붙여 넣은 값만 보고 추론하므로 빠진 경우는 출력에 나타나지 않습니다.

빈 배열은 unknown[]가 되고, 빈 객체는 더 풍부한 샘플을 제공할 때까지 Record<string, unknown>를 확장하는 interface가 됩니다.

중첩 선언 이름은 속성 이름에서 정규화되므로, 최신 출력은 예전의 루트 접두사 형태보다 User나 Meta 같은 이름을 더 자주 사용합니다.

생성은 유효한 JSON에서만 동작합니다. 먼저 구문 오류를 수정하세요. 파싱이 실패하면 편집기가 줄과 열 정보를 보여줍니다.

유효한 사용자 지정 루트 이름은 그대로 유지되고, 유효하지 않은 이름은 합법적인 PascalCase TypeScript 식별자로 정규화됩니다.

제한 사항 및 호환성

이 도구는 공식 schema가 아니라 샘플 데이터에서 타입을 추론합니다. 샘플에 없는 필드는 추측할 수 없습니다.

입력은 엄격한 JSON이어야 합니다. 주석, trailing comma, 기타 JavaScript 전용 문법은 허용되지 않습니다.

생성된 출력에는 export 구문이 포함되지 않습니다. 프로젝트에서 export된 선언이 필요하면 직접 추가하세요.

결과는 정적 TypeScript 코드뿐입니다. 런타임 validator, parser, serializer는 생성하지 않습니다.

개인정보 보호 및 보안

모든 처리는 브라우저 내에서 이루어지며, 데이터는 기기를 떠나지 않습니다

자주 묻는 질문

다음 작업에 도움이 되는 관련 도구입니다.