JSON을 TypeScript로

사용방법

JSON을 TypeScript로 사용 방법

01
JSON 붙여넣기
객체나 데이터 배열을 놓습니다.
02
옵션 설정
인터페이스 또는 유형을 선택하고, 루트 이름을 지정하고, nullable을 선택 사항으로 표시하세요.
03
유형 검토
중첩된 인터페이스는 자동으로 생성됩니다.
04
복사
TypeScript를 프로젝트에 복사합니다.

사용 사례

일반적인 사용 사례

—API 응답을 빠르게 입력하세요.
—JSON 설비에서 모델 생성
—구성 파일에 대한 인터페이스 만들기
—새로운 통합을 위한 부트스트랩 유형

개요

실제 데이터에서 입력된 모델

API 응답과 일치하도록 TypeScript 인터페이스를 직접 작성하는 것은 지루하고 오류가 발생하기 쉽습니다. JSON 페이로드를 붙여넣으면 이 도구가 구조를 탐색하여 올바른 유형의 필드, 객체에 대한 중첩 인터페이스 및 배열 요소 유형과 일치하는 인터페이스(또는 유형 별칭)를 생성합니다. 혼합 배열은 공용체 유형이 되므로 모델이 데이터를 정확하게 반영합니다.

자신의 스타일에 맞게 출력 조정

인터페이스를 내보낼지 또는 별칭을 입력할지 선택하고, 루트 유형의 이름을 지정하고, 선택적으로 null 허용 필드를 선택 사항으로 표시합니다. 생성된 코드는 실시간으로 업데이트되며 프로젝트에 붙여넣을 수 있습니다. 모두 브라우저에서 실행되므로 비공개 API 페이로드와 내부 스키마가 컴퓨터를 떠나지 않습니다.

특징

01: 인터페이스 생성 또는 별칭 입력
02: 중첩된 객체 및 배열을 처리합니다.
03: 혼합 배열에서 공용체 유형을 추론합니다.
04: Null에 대한 선택적 속성
05: 사용자 정의 루트 유형 이름
06: 로컬에서 실행 — 코드가 업로드되지 않음

FAQ

자주 묻는 질문

JSON을 TypeScript 인터페이스로 어떻게 변환합니까?+

JSON을 붙여넣으면 도구가 일치하는 인터페이스를 즉시 생성하여 객체에 대한 중첩 인터페이스를 생성하고 배열 요소 유형을 추론합니다. 코드에 바로 복사하세요.

중첩된 객체와 배열을 처리합니까?+

예. 중첩된 객체는 자체적으로 명명된 인터페이스가 되며 배열은 해당 요소에 따라 유형이 지정됩니다. 혼합 유형의 배열은 (문자열 | 숫자)[]와 같은 공용체를 생성합니다.

인터페이스 대신 유형 별칭을 얻을 수 있나요?+

예. '인터페이스' 선언 대신 '유형' 별칭을 내보내도록 옵션을 전환하고 프로젝트에 맞게 루트 유형의 이름을 바꿉니다.

내 JSON이 어디에나 업로드되나요?+

아니요. 구문 분석 및 생성은 전적으로 브라우저에서 이루어지므로 민감한 페이로드가 장치를 떠나지 않습니다.