무료 JSON-TypeScript 변환기. 자동으로 유추된 중첩된 개체, 배열 및 공용체를 사용하여 JSON에서 인터페이스 또는 유형을 생성하고 등록 없이 결과를 복사합니다.
중첩된 개체, 배열, 공용체 및 선택적 속성이 자동으로 유추되어 JSON을 TypeScript 인터페이스 또는 유형으로 즉시 변환할 수 있습니다.
API 응답과 일치하도록 TypeScript 인터페이스를 직접 작성하는 것은 지루하고 오류가 발생하기 쉽습니다. JSON 페이로드를 붙여넣으면 이 도구가 구조를 탐색하여 올바른 유형의 필드, 객체에 대한 중첩 인터페이스 및 배열 요소 유형과 일치하는 인터페이스(또는 유형 별칭)를 생성합니다. 혼합 배열은 공용체 유형이 되므로 모델이 데이터를 정확하게 반영합니다.
객체나 데이터 배열을 놓습니다.
인터페이스 또는 유형을 선택하고, 루트 이름을 지정하고, nullable을 선택 사항으로 표시하세요.
중첩된 인터페이스는 자동으로 생성됩니다.
TypeScript를 프로젝트에 복사합니다.
인터페이스를 내보낼지 또는 별칭을 입력할지 선택하고, 루트 유형의 이름을 지정하고, 선택적으로 null 허용 필드를 선택 사항으로 표시합니다. 생성된 코드는 실시간으로 업데이트되며 프로젝트에 붙여넣을 수 있습니다. 모두 브라우저에서 실행되므로 비공개 API 페이로드와 내부 스키마가 컴퓨터를 떠나지 않습니다.
변환기는 JSON을 읽고 각 값을 TypeScript 유형에 매핑합니다. 즉, 문자열, 숫자 및 부울은 문자열, 숫자 및 부울이 되고, 중첩된 개체는 고유한 명명된 인터페이스가 되며, 배열은 형식화된 배열이 됩니다. 배열이 다양한 종류의 값을 보유하는 경우 결과는 (문자열 | 숫자)[]와 같은 합집합입니다. null 값은 null이 됩니다. 샘플은 필드가 설정될 때 해당 필드에 포함된 내용을 표시할 수 없기 때문입니다. "first-name"과 같이 유효한 식별자가 아닌 속성 이름은 인용되어 출력이 항상 컴파일됩니다.
추론된 유형은 샘플만큼만 우수합니다. 일부 API 응답에서 필드가 누락된 경우 ?를 사용하여 선택 사항으로 표시하세요. 생성 후, 프로덕션에서 필드가 null일 수 있는 경우 문자열 | 널. 찾을 수 있는 최대한의 응답을 사용하세요. 이상적으로는 모든 선택 필드가 있는 응답을 사용하세요. 제어하지 않는 API의 경우 생성된 유형을 런타임 유효성 검사(예: Zod 또는 io-ts)와 연결하세요. TypeScript 유형은 런타임 시 사라지고 변경된 API를 포착하지 않기 때문입니다. 날짜는 JSON에 문자열로 도착하므로 Date 개체가 필요한 경우 직접 변환하세요.
JSON을 붙여넣으면 도구가 일치하는 인터페이스를 즉시 생성하여 객체에 대한 중첩 인터페이스를 생성하고 배열 요소 유형을 추론합니다. 코드에 바로 복사하세요.
예. 중첩된 객체는 자체적으로 명명된 인터페이스가 되며 배열은 해당 요소에 따라 유형이 지정됩니다. 혼합 유형의 배열은 (문자열 | 숫자)[]와 같은 공용체를 생성합니다.
예: '인터페이스' 선언 대신 '유형' 별칭을 내보내도록 옵션을 전환하고 프로젝트에 맞게 루트 유형의 이름을 바꿉니다.
아니요. 구문 분석 및 생성은 전적으로 브라우저에서 이루어지므로 민감한 페이로드가 장치를 떠나지 않습니다.
JSON(예: API 응답)을 붙여넣고 루트에 이름을 지정하면 도구가 유형을 추론하고 중첩된 개체 및 배열을 포함하여 즉시 사용할 수 있는 인터페이스를 생성합니다. 로컬로 실행되므로 실제 페이로드는 비공개로 유지됩니다.
예. 중첩된 구조는 고유한 명명된 인터페이스가 되고, 배열은 요소 유형을 가져오며, 유형이 실제 데이터(때때로 누락되는 데이터)와 일치하도록 필드를 선택 사항으로 표시할 수 있습니다.
예. 코드베이스 스타일에 따라 인터페이스를 선택하거나 출력을 입력하세요. 둘 다 추론된 JSON 형태에서 정확한 TypeScript를 생성합니다.
Tool GuidesPhotos carry hidden data like GPS location and camera details. Here's why that matters for privacy and how to strip it before sharing.
Tool GuidesCPS means clicks per second. Here's how it's measured, what a good score looks like, and how to test your own click speed for free.
Tool GuidesCombine several PDFs into one document, reorder the pages, and keep everything private — no software and no server upload.