JSON 차이 비교기
1개 추가 · 1개 삭제 · 1개 변경
| 경로 | A | B |
|---|---|---|
| 변경됨age | 30 | 31 |
| 삭제됨city | "Tokyo" | |
| 추가됨country | "JP" |
관련 외부 사이트
일부 링크는 제휴 링크입니다.
관련 도구
JSON 경로 추출기JSON과 users[0].name 같은 경로를 입력해 원하는 값이나 하위 객체를 추출합니다. 점/대괄호 표기 지원, 모두 브라우저에서 처리됩니다.JSON 포맷터붙여넣기만 하면 JSON을 읽기 좋게 정렬하거나 한 줄로 압축합니다. JSON이 잘못되면 몇 번째 줄·열이 문제인지 하이라이트로 표시. 전송 없음.JSON → TypeScript 타입JSON을 붙여넣으면 TypeScript interface/type을 생성합니다. 중첩 객체·배열 병합·옵셔널/널 처리 지원. 브라우저에서 완결.JWT 디코더JSON Web Token을 붙여넣어 header와 payload를 읽고, 만료·발급 시간을 읽기 쉬운 형식으로 표시합니다. 브라우저에서 디코딩하며 토큰은 전송되지 않습니다.
두 JSON 문서를 붙여넣으면 이 도구가 키별로 비교해 추가·삭제·변경된 항목을 이전값과 이후값을 나란히 보여줍니다. 중첩 객체도 탐색하여 모든 차이의 전체 경로를 확인할 수 있습니다. 모든 처리는 브라우저에서 이루어집니다.
사용 방법
- 첫 번째 JSON을 왼쪽 상자에 붙여넣습니다.
- 두 번째 JSON을 오른쪽 상자에 붙여넣습니다.
- 개수와 전체 키 경로와 함께 차이를 확인합니다.
작동 원리
두 문서를 파싱한 후 재귀적으로 비교합니다. 객체의 경우 양쪽의 모든 키를 검사합니다. 왼쪽에만 있는 키는 삭제, 오른쪽에만 있는 키는 추가, 양쪽에 있는 키는 더 깊이 비교합니다. 리프 값(숫자, 문자열, 불리언, 배열)은 정확히 비교되며, 각 차이는 점으로 구분된 경로와 함께 보고됩니다.
기능
전체 키 경로
중첩된 경우에도 각 차이를 점으로 구분된 전체 경로와 함께 표시합니다.
변경 횟수
추가·삭제·변경된 키의 개수를 확인합니다.
이전 & 이후
변경된 각 키의 이전값과 이후값을 비교합니다.
완전한 개인 정보 보호
JSON은 브라우저에서 비교되며 절대 업로드되지 않습니다.
활용 예
API 변경 사항
두 버전 사이에서 응답에 무엇이 변경되었는지 파악합니다.
설정 파일 검토
편집 전후의 설정 파일을 비교합니다.
코드 리뷰
데이터 또는 픽스처 변경의 영향을 확인합니다.
디버깅
두 페이로드 사이에서 다른 필드를 찾아냅니다.
참고
- 배열은 요소별이 아닌 전체로 비교됩니다.
- 객체의 키 순서는 결과에 영향을 주지 않습니다.
- '변경 없음 표시'를 켜면 일치하는 키도 볼 수 있습니다.
- 모든 비교는 기기에서 실행되며 아무것도 업로드되지 않습니다.
자주 묻는 질문
- 중첩 객체는 어떻게 처리되나요?
- 재귀적으로 비교되며, 각 차이는 a.b.c와 같은 전체 점 경로와 함께 보고됩니다.
- 배열은 어떻게 비교되나요?
- 배열은 단일 값으로 비교되므로 내부에 차이가 있으면 전체 배열이 변경됨으로 표시됩니다.
- 키 순서가 중요한가요?
- 아니요. 객체는 키 기준으로 비교되므로 키 순서를 바꿔도 차이가 생기지 않습니다.
- 변경 없음 키를 숨길 수 있나요?
- 네. 변경 없음 키는 기본적으로 숨겨집니다. '변경 없음 표시'를 켜면 포함할 수 있습니다.
- 내 JSON이 업로드되나요?
- 아니요. 비교는 브라우저에서만 이루어지며 기기 밖으로 나가지 않습니다.