JSON to TypeScript 변환기
JSON을 붙여넣으면 TypeScript 인터페이스 또는 타입 별칭을 즉시 생성합니다. 중첩 객체, 배열, 유니온 타입을 지원합니다.
JSON 입력0 문자
TypeScript 출력
왜 JSON을 TypeScript로 변환하나요?
TypeScript 인터페이스는 API에서 가져온 JSON 데이터로 작업할 때 컴파일 시 타입 안전성을 제공합니다. 수동으로 타입을 작성하는 대신 JSON 응답을 붙여넣으면 정확한 TypeScript 정의를 즉시 얻을 수 있습니다.
지원 기능
- - 중첩 객체의 개별 인터페이스 생성
- - 배열 타입 추론 및 유니온 타입
- - 루트 인터페이스 이름 사용자 정의
- - 인터페이스 또는 타입 별칭 출력
온라인에서 JSON을 TypeScript로 변환하는 방법
- 1.토글 버튼으로 interface 또는 type 출력 모드를 선택합니다.
- 2.생성되는 타입의 루트 이름을 필요에 따라 변경합니다(기본값 "Root").
- 3.왼쪽 패널에 JSON 데이터를 붙여넣습니다. TypeScript 출력이 즉시 생성됩니다.
- 4.복사를 클릭하여 생성된 TypeScript를 클립보드에 복사합니다.
FAQ
이 도구는 중첩된 JSON 객체를 처리할 수 있나요?
네. 각 중첩 객체는 고유한 이름의 인터페이스 또는 타입 별칭으로 추출됩니다. 부모 타입은 자식 타입을 이름으로 참조하여 깔끔하고 재사용 가능한 TypeScript 정의를 생성합니다.
배열은 어떻게 처리되나요?
동일 타입 배열(모든 요소가 같은 타입)은 string[]과 같은 깔끔한 타입을 생성합니다. 혼합 타입 배열은 (string | number)[]과 같은 유니온 타입을 생성합니다. 빈 배열은 기본적으로 unknown[]입니다.
출력을 프로젝트에서 바로 사용할 수 있나요?
물론입니다. 생성된 TypeScript는 유효하며 .ts 또는 .tsx 파일에 직접 복사할 수 있습니다. 모든 인터페이스가 export되어 있어 필요한 곳에서 import할 수 있습니다.
JSON 데이터가 서버로 전송되나요?
아닙니다. 모든 변환은 브라우저에서 JavaScript를 사용하여 이루어집니다. 데이터가 업로드, 저장 또는 기록되는 일은 없습니다.