본문으로 건너뛰기

{ ≠JSON Diff

로딩 중...

API 응답이나 설정 파일을 비교할 때 변경된 부분을 한눈에 파악하기 어렵습니다. JSON Diff는 두 JSON 문서를 깊이 비교하여 추가된 필드(초록), 삭제된 필드(빨강), 값이 변경된 필드(노랑), 타입이 변경된 필드(주황)를 트리 구조로 시각화합니다. 중첩된 객체와 배열도 재귀적으로 비교합니다.

사용 방법

  1. 1
    JSON 입력

    왼쪽(원본)과 오른쪽(비교) 입력창에 각각 JSON을 붙여넣습니다. '예제 로드'를 누르면 샘플 데이터를 불러올 수 있습니다.

  2. 2
    결과 확인

    입력 즉시 하단에 차이 트리가 표시됩니다. + 추가, − 삭제, ~ 변경, ⚠ 타입 변경, = 동일 아이콘으로 구분됩니다.

  3. 3
    동일 필드 토글

    '동일 필드 표시' 체크박스를 켜면 변경되지 않은 필드도 함께 표시합니다. 기본값은 변경된 필드만 표시합니다.

  4. 4
    트리 접기/펼치기

    객체나 배열 헤더를 클릭하면 해당 하위 트리를 접거나 펼칠 수 있습니다.

활용 팁

  • 💡API 응답 버전 간 차이를 비교할 때 유용합니다.
  • 💡중첩이 깊은 JSON은 트리를 접어서 변경된 부분에만 집중하세요.
  • 💡상단 통계 배지에서 추가·삭제·변경 건수를 한눈에 확인할 수 있습니다.
  • 💡두 JSON이 완전히 동일하면 파란색 배지로 알려줍니다.

자주 묻는 질문

Q. 배열 요소의 순서가 다르면 다른 것으로 판단하나요?
A. 기본적으로 배열은 인덱스 기반으로 비교하므로 같은 값이라도 순서가 다르면 변경된 것으로 표시됩니다.
Q. 중첩이 매우 깊은 JSON도 비교할 수 있나요?
A. 재귀적으로 비교하므로 깊이 제한 없이 모든 중첩 구조를 비교합니다. 트리를 접어 변경된 부분에만 집중할 수 있습니다.
Q. 어떤 상황에서 JSON Diff가 가장 유용한가요?
A. API 응답의 버전 간 변경 사항 확인, 설정 파일 배포 전후 비교, 데이터베이스 스냅샷 비교 등에서 유용합니다.
Q. 두 JSON이 완전히 같으면 어떻게 표시되나요?
A. "동일함" 상태를 파란색 배지로 알려줍니다. 눈으로는 찾기 어려운 미세한 차이도 감지할 수 있습니다.

DevHelper

© 2026. All rights reserved.