JSON · XML 차이 비교
두 JSON 또는 XML 문서의 차이를 트리 형태로 한눈에 확인합니다. 추가된 노드, 삭제된 노드, 값이 바뀐 노드를 색상으로 구분해 표시합니다.
A (이전)
B (이후)
입력값은 브라우저 내에서만 처리됩니다.
이런 분께 추천합니다
- API 응답 두 버전(예: v1, v2)의 스키마 차이를 확인할 때
- 설정 파일(JSON/XML)의 변경 이력을 사람이 읽기 좋게 비교할 때
- 두 환경(개발/운영)의 응답 구조가 일치하는지 점검할 때
사용 방법
- 좌측 패널(A, 이전)과 우측 패널(B, 이후)에 비교할 문서를 붙여넣습니다.
- 포맷 선택을 "자동 감지"로 두면 첫 글자(
{/[→ JSON,<→ XML)로 판별합니다. - 아래 트리에서 추가(+), 삭제(−), 변경(~) 노드를 확인합니다.
주의할 점
- JSON 의 객체 키 순서는 의미가 없으므로 키 단위로 비교합니다. 배열은 인덱스 순서대로 비교합니다.
- XML 은 요소 이름·속성·자식 순서로 비교합니다. 공백만 다른 텍스트 노드는 동일하게 취급합니다.
- 매우 큰 문서(수 MB 이상)는 브라우저 성능이 떨어질 수 있습니다.
자주 묻는 질문
배열 순서가 바뀌면 어떻게 비교되나요?
배열은 인덱스 기준으로 비교하므로 순서가 바뀐 위치는 '변경'으로 표시됩니다. 반면 객체는 키 순서에 의미가 없어 키 이름으로 짝을 맞춰 비교합니다.
XML 도 비교할 수 있나요?
가능합니다. 포맷을 '자동 감지'로 두면 첫 글자가 < 일 때 XML 로 판별하고, 요소 이름·속성·자식 순서를 기준으로 비교합니다. 공백만 다른 텍스트 노드는 같게 취급합니다.
붙여넣은 데이터가 서버에 저장되나요?
저장되지 않습니다. 파싱과 비교 모두 브라우저 안에서 끝나며 서버로 전송되는 내용이 없습니다.
얼마나 큰 문서까지 비교되나요?
브라우저 메모리에서 처리하므로 수 MB 를 넘으면 트리 렌더링이 눈에 띄게 느려질 수 있습니다.