JSON Diff 뷰어
일반 텍스트 diff는 JSON을 문자열 줄로 취급하지만, JSON Diff는 구조를 이해합니다. 두 JSON을 붙여넣으면 추가(초록)·삭제(빨강)·변경(노랑)된 항목을 점 표기 경로($.address.zip 같은)와 함께 목록으로 보여 줍니다. 키 순서가 달라도 '차이 없음'으로 인식하고, 빠진 필드도 즉시 발견할 수 있어 공백을 일일이 비교할 필요가 없습니다.
—
변경 사항+ 1− 0~ 3
~ $.age30 → 31~ $.roles[1]"editor" → "viewer"~ $.address.zip"04000" → "04001"+ $.address.country"KR"
사용법
- 왼쪽에 원본 JSON, 오른쪽에 변경된 JSON을 붙여넣으세요.
- 경로 기반 변경 목록을 확인하세요.
- JSON 오류가 있는 쪽에 파서 에러가 표시됩니다.
자주 묻는 질문
- 왜 일반 텍스트 diff가 아닌가요?
- 텍스트 diff는 라인 기준이라 키 순서, 들여쓰기, 콤마 스타일이 다르면 의미 없는 변경이 잡힙니다. JSON Diff는 파싱된 구조를 비교하므로 같은 데이터는 0 변경으로 나옵니다.
- 경로 표기는 무슨 뜻인가요?
- JSONPath 스타일입니다. $는 루트, .key는 속성, [n]은 배열 인덱스. $.posts[0].tags[1]은 첫 글의 두 번째 태그입니다.
- 배열은 어떻게 비교되나요?
- 인덱스별로 항목 비교. 길이가 다르면 뒤쪽 초과분이 추가/삭제로 표시됩니다. 같은 항목이라도 순서가 다르면 해당 인덱스에서 변경으로 잡힙니다.
- 업로드되나요?
- 아니요 — 두 JSON 모두 브라우저 안에서 파싱·비교됩니다.
이 주제의 가이드
관련 도구
텍스트 Diff 뷰어
두 텍스트를 비교해 줄·단어 단위로 추가·삭제를 강조해서 보여 줍니다.
텍스트 0 0
HTTP 상태 코드 레퍼런스
1xx-5xx 모든 HTTP 상태 코드 검색 — 요약·RFC·사용 시점·흔한 함정 포함.
네트워크 0 0
JSON Patch 빌더 (RFC 6902)
source/target 쌍에서 RFC 6902 JSON Patch 생성, 또는 기존 patch를 문서에 적용. add·remove·replace·move·copy·test 작업 지원.
개발 0 0
Semver 도구 (파서·비교기·범프)
두 시맨틱 버전 동시 파싱·비교·범프, ^x.y.z·~x.y.z가 실제 어디까지 매치하는지 보여주는 범위 확장기 포함.
개발 0 0
JSON 포맷터 & 검증기
브라우저에서 바로 JSON을 포맷·정렬·압축·검증하세요.
개발 0 0
JWT 디코더
JWT의 헤더·클레임·만료를 즉시 확인하세요.
개발 0 0