JSON → TypeScript
어떤 JSON이든 즉시 TypeScript 인터페이스로 생성합니다 — 중첩 객체, 객체 배열, 유니언 타입까지 한 번에, 프로젝트에 바로 붙여 넣을 수 있게.
root must be a JSON object
이 도구는 전부 브라우저 안에서 실행됩니다. 데이터는 기기를 떠나지 않으며 어떤 서버로도 업로드되지 않습니다.
사용 방법
- 1JSON을 붙여 넣기(API 응답이 가장 적합).
- 2필요하면 루트 interface 이름을 Root에서 다르게 바꾸기.
- 3생성된 인터페이스를 프로젝트로 복사하기.
JSON → TypeScript
API 응답 JSON을 붙여 넣으면 타입 정의가 즉시 나옵니다: 중첩 객체는 이름 있는 interface로, 객체 배열은 모든 요소를 하나의 모양으로 병합하고, 혼합 배열은 유니언 타입이 됩니다. 루트 이름은 바꿀 수 있습니다.
API 작업을 위해 만들어졌습니다 — 응답을 붙여 넣고 타입을 복사하면, 모양이 바뀌는 일은 컴파일러가 대신 잡아 줍니다.
자주 묻는 질문
배열은 어떻게 처리되나요?
객체 배열은 모든 요소의 키를 하나의 interface로 병합합니다(빠진 키는 어차피 런타임 오류입니다). 혼합 타입 배열은 string | number 같은 유니언 타입이 되고, 빈 배열은 unknown[]로 내려갑니다.
모든 필드가 필수인가요?
네 — 샘플 하나로는 선택 가능 여부를 증명할 수 없으므로 전부 필수입니다. API가 null이나 누락된 키를 허용하는 필드는 직접 ?를 붙여 선택적으로 만드세요.
관련 도구
JSON 포매터
지저분한 JSON을 온라인에서 포맷하고 예쁘게 만듭니다 — 2칸, 4칸, 탭 들여쓰기, 즉시 검증과 정확한 오류 위치까지. 100% 브라우저 안에서.
전체 도구 →
JSON 검증기
정확한 오류 줄과 열로 JSON을 즉시 검증합니다. 쉼표 누락, 키 따옴표 누락, 후행 쉼표, 잘못된 이스케이프를 앱을 부수기 전에 잡아 냅니다.
전체 도구 →
JSON 비교기
두 JSON 문서를 경로별로 비교합니다 — 추가된 키, 삭제된 키, 변경된 값을 이전/이후 값과 함께 보여 주고, 모든 처리는 로컬 브라우저 안에서 끝납니다.
전체 도구 →
JSON Path 조회기
$.user.name이나 $.items[0].id 같은 경로로 JSON에서 원하는 값을 바로 꺼냅니다 — 즉시 결과, 실수에 관대하고, jq 문법을 따로 배울 필요가 없습니다.
전체 도구 →
JSON ⇄ YAML 변환기
JSON과 YAML을 양방향 변환합니다 — 설정 파일에 바로 쓰는 2칸 들여쓰기, 방향 바꾸기 이어 변환, 문제 위치까지 짚어 주는 오류 메시지까지 갖췄습니다.
전체 도구 →
도구 삽입
한 줄로 사이트에 도구를 넣으세요. 방문자의 브라우저에서 실행됩니다.
<iframe src="https://zoyku.com/ko/tools/json-to-typescript?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — json-to-typescript" loading="lazy"></iframe>