🧩

JSON to TypeScript 인터페이스

JSON을 붙여넣으면 중첩 객체와 배열을 포함한 TypeScript interface를 자동으로 추론합니다

설명: 타입은 이 JSON에서 추론한 것이며 JSON Schema가 아닙니다. 배열 안 요소 구조가 일치하지 않으면 유니온 타입이 생성되고, 필드 이름이 유효한 식별자가 아니면 따옴표가 붙습니다.

사용 설명서

JSON 转 TypeScript 接口使用说明



功能简介


拿到一份接口返回的 JSON,要手写 TypeScript 类型很费时间。这个工具直接读 JSON 结构,递归推断出嵌套的 interface。

使用方法


  • 把 JSON 粘贴到输入框,点「填入示例」可以先看一个复杂例子

  • 填好根接口名(默认 Root),选 `interface` 或 `type` 别名

  • 如果字段可能缺失,勾上「字段可选」给每个字段加 `?`

  • 点「生成 TypeScript」,结果按引用顺序输出,子类型在前、根类型在后

  • 点「复制结果」复制走


  • 注意事项


  • 类型是从这一份 JSON 推断出来的:字段为 `null` 时只会得到 `null`,缺字段也看不出来。要更准确请用多份样本或手写补充

  • 数组里元素结构不一致时会生成联合类型,例如 `(A | B)[]`

  • 空数组只能推断出 `unknown[]`,需要你自己补类型

  • 字段名不是合法标识符时会用引号包起来,符合 TypeScript 语法
  • ❓ 자주 묻는 질문

    배열 안 객체 타입이 일치하지 않으면 어떻게 되나요?

    도구가 각기 다른 구조마다 인터페이스를 생성하고 배열 요소 타입을 유니온 타입으로 작성합니다. 예: `(User | Admin)[]`. 생성 후 실제 비즈니스에 맞게 좁힐 수 있습니다.

    왜 null 필드의 타입이 null인가요?

    이 데이터 하나만으로는 나중에 문자열이나 숫자가 될지 판단할 수 없기 때문입니다. 실제 데이터에 나타난 타입을 모두 보완하거나 수동으로 `string | null`로 바꾸는 것을 권장합니다.

    Go나 Java 타입 생성도 지원하나요?

    현재는 TypeScript만 생성합니다. 구조를 먼저 살펴보고 싶다면 이 도구로 추론한 중첩 인터페이스 이름을 다른 언어의 구조체로 바꾸는 것도 어렵지 않습니다.

    📝 관련 문서

    tool-tutorials

    줄바꿈 문자 삭제 처리 시 대용량 파일이 버벅거리면 어떻게 해야 할까, 일괄 처리 방법 비교

    이 글은 대용량 파일 줄바꿈 문자 일괄 삭제 시 버벅거리는 원인과 세 가지 방법 비교를 제시하고, 줄바꿈 문자 삭제 방법, 삭제와 빈 값으로 바꾸기의 차이, 안 될 때 점검 단계, 휴대폰 및 API 디버깅 상황의 구체적 방법을 설명하여 파일 크기에 따라 올바른 경로를 선택하고 반복 재시도를 피하도록 돕습니다.

    tool-tutorials

    휴대폰에서 HTML을 Markdown으로 변환할 수 있나요? 설치 없이 온라인 변환 방법

    휴대폰 브라우저로 HTML을 Markdown으로 변환할 수 있으며 앱을 설치할 필요가 없습니다. 이 글에서는 바로 따라 할 수 있는 단계별 작업을 제공하고, 대용량 파일 실패, API 반환 형식 오류, 표 중첩 목록 왜곡 등 일반적인 문제에 대한 문제 해결 순서를 제시하여 모바일에서 구조가 올바른 Markdown 텍스트를 안정적으로 얻을 수 있도록 도와드립니다.

    tool-tutorials

    이미지 PDF 변환과 온라인 변환 도구의 차이점은? 어느 쪽이 더 안전할까

    이 글은 로컬 변환과 클라우드 변환의 개인정보, 화질, 제어 가능성 차이를 비교하고, 이미지 PDF 변환의 전체 작업 단계를 제시하며, 파일 압축, 휴대폰 설치 없이, 변환 실패, 페이지 정렬 네 가지 고빈도 질문을 집중적으로 답변하여 이미지 민감도에 따라 올바른 방식을 선택하도록 돕습니다.

    tool-tutorials

    PDF 병합과 PDF 분할의 차이점은 무엇인가요? 어떤 도구를 사용해야 할까요

    이 글을 읽으면 PDF 병합을 사용해야 할지 PDF 분할을 사용해야 할지 빠르게 판단할 수 있고, 병합의 네 단계 작업을 습득하며, 병합 후 용량 과다, 휴대폰 작업, 파일 손상 알림, 브라우저 보안 등의 실제 의문을 해결할 수 있습니다.