JSON Editor

편집, 검증, 비교, 쿼리, 변환 — 하나의 도구로 전부.

{{ __t('loading_editor') }}
{{ stats.size }} {{ __t('bytes') }} {{ stats.lines }} {{ __t('lines') }} {{ stats.keys }} {{ __t('keys') }} {{ stats.depth }} {{ __t('depth') }} {{ stats.nodes }} {{ __t('nodes') }}
{{ __t('schema_section_title') }}
{{ __t('schema_valid') }}
{{ __t('schema_errors_heading') }}:
• {{ err }}
{{ __t('compare_left') }}
{{ __t('compare_right') }}
{{ diff.added.length }} {{ __t('compare_added') }} {{ diff.removed.length }} {{ __t('compare_removed') }} {{ diff.modified.length }} {{ __t('compare_modified') }} {{ __t('compare_identical') }}
+ {{ p.path }} : {{ p.value }}
- {{ p.path }} : {{ p.value }}
~ {{ p.path }} : {{ p.from }} → {{ p.to }}
{{ __t('convert_input_label') }} ({{ convertFrom.toUpperCase() }})
{{ __t('convert_output_label') }} ({{ convertTo.toUpperCase() }})
{{ convertError }}
{{ __t('query_examples_label') }}: {{ ex }}
{{ __t('query_input_label') }} (JSON)
{{ __t('query_result_label') }}
{{ queryError }}
{{ __t('query_help_heading') }}: {{ __t('query_help_jsonpath') }} — JSONPath Docs {{ __t('query_help_jmespath') }} — JMESPath Spec

CalcSI JSON Editor란?

CalcSI JSON Editor는 JSON 데이터를 편집, 검증, 비교, 쿼리, 변환할 수 있는 무료 온라인 도구입니다. 트리, 텍스트, 테이블의 세 가지 뷰를 자유롭게 전환하고 JSON 복구, 스키마 검증, diff 비교, JSONPath/JMESPath 쿼리, YAML/CSV/XML/TypeScript 인터페이스 변환과 같은 고급 기능을 사용할 수 있습니다.

모든 처리는 브라우저 안에서만 이루어지며, 데이터가 기기를 떠나는 일은 없습니다. 개발자, API 테스터, DevOps 엔지니어 그리고 JSON을 다루는 모든 사람에게 이상적입니다.

세 가지 에디터 뷰

  • 트리 뷰 — 클릭으로 편집, 드래그 앤 드롭으로 재정렬, 키보드 단축키로 노드 추가/삭제.
  • 텍스트 뷰 — 구문 강조, 줄 번호, 인라인 오류 마커가 있는 완전한 코드 에디터.
  • 테이블 뷰 — 객체 배열을 테이블로 표시, 컬럼 = 키. 레코드가 있는 API 응답에 최적.

기능 목록

  • 복구 — 후행 콤마, 따옴표 없는 키, 작은따옴표, 주석을 자동 수정.
  • 정렬 — 키를 재귀적으로 알파벳 순으로 정렬해 결정론적 diff와 가독성 향상.
  • JSON Schema 검증 — 타입, 필수 필드, min/max, 패턴 등을 포함한 사용자 정의 스키마로 데이터를 검증.
  • 비교 (diff) — 두 개의 JSON을 나란히 표시하고 추가, 제거, 수정된 경로를 명확히 나열.
  • 쿼리 — JSONPath와 JMESPath 지원. 표현력 있는 경로로 필요한 데이터를 정확히 추출.
  • 변환 — JSON, YAML, CSV, XML 간 전환 및 데이터에서 TypeScript 인터페이스 생성.
  • 가져오기 및 내보내기 — 파일 업로드, URL에서 로드, .json으로 다운로드, 클립보드에 복사.
  • 100% 로컬 — 모든 작업이 브라우저에서 실행되며 데이터를 업로드하거나 기록하지 않습니다.

일반적인 사용 사례

  • API 응답을 확인, 필터링하고 다른 형식으로 내보내기
  • 구성 파일 편집 및 검증 (package.json, tsconfig, OpenAPI)
  • 데이터 마이그레이션: 한 앱의 JSON을 다른 앱의 YAML/CSV/XML로 변환
  • 두 스냅샷 (실패 전/후) 을 비교해 버그 추적

이 도구는 안전한가요?

예. 파싱, 검증, 비교, 변환, 쿼리 등 모든 처리는 브라우저에서만 실행됩니다. 서버 통신과 로깅이 전혀 없습니다. 브라우저 개발자 도구에서 언제든 소스 코드를 확인할 수 있습니다. 토큰이나 PII와 같은 민감한 데이터도 기기를 벗어나지 않습니다.