JSON ↔ TypeScript 타입 변환기

JSON 샘플과 TypeScript 타입 선언을 서로 변환해 타입 초안과 JSON 샘플을 만듭니다.

카테고리: 변환 도구

사용 예시

  • API 응답 타입 작성 - 샘플 JSON 응답을 붙여넣어 TypeScript 인터페이스 초안을 만듭니다.
  • 목업 데이터 생성 - TypeScript interface 또는 type 선언에서 JSON 샘플을 생성합니다.

계산·사용 가이드

샘플 기반 타입 생성

JSON에서 TypeScript 타입을 만들 때는 입력한 샘플 데이터의 형태를 기준으로 추론합니다. 선택 필드나 다양한 배열 형태는 직접 보완해야 합니다.

API 응답 문서화

반복되는 API 응답을 타입으로 정리하면 프론트엔드 코드에서 자동완성과 타입 검사를 활용할 수 있습니다.

자주 묻는 질문

완전한 스키마 검증 도구인가요?

아니요. 샘플 JSON과 타입 선언을 바탕으로 초안을 만드는 도구입니다.

중첩 객체도 처리하나요?

네, 중첩 객체는 별도 interface로 분리해 생성합니다.

관련 도구

  • JSON 포매터 - JSON 문자열을 보기 좋게 들여쓰기하거나 최소화합니다. 유효성 오류도 함께 표시합니다.
  • YAML ↔ JSON 변환기 - YAML과 JSON 데이터를 브라우저에서 양방향으로 변환합니다.
  • JSON Path 테스트 - JSON 데이터에서 JSONPath 표현식으로 원하는 값을 추출합니다.
  • URL 인코딩/디코딩 - 텍스트를 URL 안전 형식(%XX)으로 인코딩하거나 인코딩된 URL을 원래 텍스트로 디코딩합니다.
  • Base64 변환기 - 텍스트를 Base64로 인코딩하거나 Base64 문자열을 원래 텍스트로 디코딩합니다.
  • HTML 이스케이프/언이스케이프 - 특수문자를 HTML 엔티티로 이스케이프하거나 HTML 엔티티를 원래 문자로 되돌립니다.