API response comparison
Compare JSON responses from v1 and v2 endpoints to confirm added fields, removed fields, and value changes during integration or regression testing.
A: JSON A
B: JSON B
JSON Diff and Compare Tool
Compare two JSON documents side by side, inspect added, removed, and changed fields, and export summaries, Markdown reports, or JSON Patch. Everything runs locally in your browser.
Ctrl/Cmd+D 을 눌러 이 도구를 북마크하세요
Best-fit scenarios
Configuration drift review
Compare development, staging, and production JSON config files while using ignore-order rules to reduce irrelevant noise.
Data migration validation
Check old and new JSON structures after migration work so renamed fields, default values, and split objects are easy to verify.
Log and snapshot comparison
Compare two requests, logs, or state snapshots to understand exactly what changed before and after an issue appeared.
Two JSON file diff
Import or paste two JSON files and inspect structural and field-level differences for configs, exports, fixtures, or API samples.
온라인에서 JSON 파일을 비교하는 방법 – 단계별 가이드
11단계 – 두 JSON을 붙여넣거나 가져오기22단계 – 비교 옵션 설정33단계 – diff 시각화 확인44단계 – 결과 내보내기
이 온라인 JSON 비교 도구로 두 JSON을 좌우로 보고 차이를 하이라이트한 뒤, 버전 관리와 API 테스트를 위해 패치나 보고서를 내보낼 수 있습니다.
Understand version drift before acting on it
The compare tool helps answer what changed, not just whether the text looks different
In most workflows, you care about whether fields were added, removed, or changed in meaning, not whether two files differ by whitespace or order. That is why a structural JSON compare is more useful than plain text diff.
JSON A (older version)
1
{
2
"id": 1,
3
"name": "Maeve",
4
"status": "active",
5
"roles": ["admin", "editor"]
6
}
JSON B (newer version)
1
{
2
"id": 1,
3
"name": "Maeve Winters",
4
"status": "active",
5
"roles": ["admin", "editor"],
6
7
}
If you only need the high-level answer first, read the summary. If you need exact field-level context, stay in the diff view.
3 compare examples that reflect real work
These examples mirror the most common JSON diff workflows in development, QA, and operations: API upgrades, environment config review, and data migration verification.
API Versioning
Compare API response v1 and v2 to confirm added fields
This is ideal when frontend and backend teams need to verify exactly what changed between response versions.
Response v1
1
{
2
"user": {
3
"id": 42,
4
"name": "Maeve"
5
},
6
"status": "active"
7
}
Response v2
1
{
2
"user": {
3
"id": 42,
4
"name": "Maeve"
5
},
6
"status": "active",
7
"profile": {
8
9
}
10
}
This kind of diff is especially useful when you need to verify added fields before updating tests or frontend models.
Environment Config
Remove ordering noise so the real config differences stand out
When object keys or array members are semantically unordered, selective ignore rules can reduce a lot of useless diff noise.
Staging
1
{
2
"features": ["coupon", "betaCheckout"],
3
"retry": 2,
4
"timeout": 5000
5
}
Production
1
{
2
"features": ["betaCheckout", "coupon"],
3
"retry": 3,
4
"timeout": 5000
5
}
With ignore order enabled, the important change becomes obvious: retry changed, while the feature list did not meaningfully drift.
Migration Review
Check data migration output and export a Patch for automation
This works well when old structures are being split, renamed, or normalized into a new shape.
Before migration
1
{
2
"fullName": "Maeve Winters",
3
"active": true
4
}
After migration
1
{
2
"firstName": "Maeve",
3
"lastName": "Winters",
4
"status": "active"
5
}
If the migration pipeline needs repeatable change application, exporting both the Markdown report and JSON Patch is often worthwhile.
- 01
Tutorial Step
1단계 – 두 JSON을 붙여넣거나 가져오기
Before you look at the diff, be clear about what each side represents: old versus new, staging versus production, previous response versus current response. That mental model makes the later change review much easier.
- 첫 번째 JSON을 왼쪽 편집기(JSON A)에, 두 번째 JSON을 오른쪽 편집기(JSON B)에 붙여넣습니다.
- 또는 각 쪽에서 가져오기를 사용해 파일, URL, 클립보드에서 JSON을 불러옵니다.
- 실제 API 응답, 설정 파일, 데이터 내보내기를 사용하면 의미 있는 변경을 비교할 수 있습니다.
- Try to compare payloads from the same business scope or time window so you do not mix unrelated changes into one review.
- Check the imported names or source labels before reviewing the diff so you do not accidentally reverse the sides.
- 02
Tutorial Step
2단계 – 비교 옵션 설정
Ignore whitespace, case, and order are useful only when they match the meaning of your data. The fastest approach is to choose them intentionally instead of enabling every option by default.
- 포맷이 아니라 구조에 집중하려면 공백 무시를 켭니다.
- 키와 문자열 값을 대/소문자 구분 없이 비교하려면 대/소문자 무시를 켭니다.
- 요소 순서를 변경으로 보지 않으려면 순서 무시를 켭니다.
- When any ignore rule is enabled, the page switches to a normalized preview so the highlights match the actual comparison logic.
- If you are unsure whether order matters, review the raw diff first and turn on ignore order only after you confirm the noise pattern.
- 03
Tutorial Step
3단계 – diff 시각화 확인
A useful comparison is more than colored highlights. The best signal usually comes from combining three things: the field-level diff, the change counts in the status area, and the high-level summary you can copy or export.
- 좌우 비교 보기에서 추가(초록), 삭제(빨강), 수정(노랑)이 표시됩니다.
- 상태 표시줄에서 총 변경 수와 유형별 요약을 확인합니다.
- 화면 크기나 선호에 따라 좌우/인라인 보기 모드를 전환합니다.
- Copy Summary is useful when you need to explain the result quickly in a ticket, chat, or review thread.
- If the diff suddenly looks much larger than expected, confirm that the two payloads actually come from the same source scope before digging deeper.
- 04
Tutorial Step
4단계 – 결과 내보내기
This page does not just show differences. It can produce three useful outputs depending on what happens next: summary text for communication, Markdown reports for documentation, and JSON Patch for automation.
- 요약을 복사해 채팅, 티켓, 문서에 빠르게 공유합니다.
- 자세한 변경과 통계를 포함한 Markdown 보고서를 내보냅니다.
- 변경을 프로그램으로 적용하려면 JSON Patch(RFC 6902)를 내보냅니다.
- For config comparisons, keep the report with version identifiers so rollback and audit are easier later.
- If one of the payloads still needs field-by-field review, move it into the table editor after the comparison step.
A more reliable compare workflow
1
Validate both payloads first so broken JSON does not pollute the diff.
2
Review the raw comparison once before enabling ignore rules so you understand what noise is present.
3
Use the diff highlights, counts, and summary together to judge the scale and type of change.
4
Use summary text for communication, Markdown reports for records, and JSON Patch for automation.
5
If one side still needs field-level inspection or editing, continue into the formatter or table editor after comparison.
The compare page is best used to answer not whether two files look different, but where the JSON structure and meaning actually changed.
JSON 비교 빠른 팁
먼저 두 JSON을 검증하여 문법 오류가 실제 차이를 가리지 않도록 하세요.
API 응답을 비교할 때 배열 순서가 바뀌어 생기는 노이즈를 줄이려면 순서 무시를 고려하세요.
환경 동기화를 위해 기계가 읽을 수 있는 diff가 필요하면 JSON Patch 내보내기를 사용하세요.
If the diff is hard to read, format both payloads first, then compare again.
관련 JSON 비교 & diff 도구
검증, 포맷, 코드 생성 워크플로를 위해 JSON 비교와 함께 이 도구들을 활용하세요.
자주 묻는 질문
JSON 비교는 어떻게 동작하나요?
이 도구는 구조 기반 diff를 수행하여 중첩된 객체와 배열에서 추가, 삭제, 수정을 찾아냅니다.
JSON 데이터가 업로드되나요?
아니요. 모든 처리는 브라우저에서 로컬로 이루어지며 서버로 업로드되지 않습니다.
어떤 비교 옵션을 사용할 수 있나요?
공백, 대/소문자, 순서를 무시하여 포맷 차이 대신 의미 있는 구조 변경에 집중할 수 있습니다.
공백을 무시할 수 있나요?
네. 이 옵션은 문자열 값 내부의 공백을 정규화합니다. 문자열 밖의 공백은 JSON 파싱에서 이미 무시됩니다.
대/소문자를 무시할 수 있나요?
네. 옵션을 켜면 키와 문자열 값이 대/소문자 구분 없이 비교됩니다.
순서를 무시할 수 있나요?
네. 객체 키와 배열 요소의 순서를 중요하지 않게 처리하므로, 순서가 의미 없는 경우에 유용합니다.
왜 편집기가 가끔 읽기 전용이 되나요?
무시 옵션이 켜져 있으면 하이라이트가 규칙과 정확히 일치하도록 정규화 미리보기로 전환되어 편집기가 읽기 전용이 됩니다. 원본 JSON을 편집하려면 옵션을 끄세요.
JSON Patch(RFC 6902)란 무엇인가요?
JSON Patch는 한 JSON 문서를 다른 문서로 변환하기 위한 표준 작업 목록(add, remove, replace 등)입니다.
내보낸 JSON Patch는 어떻게 생성되나요?
JSON Pointer 경로를 기반으로 A → B를 위한 신뢰할 수 있는 작업 집합을 계산합니다. 배열의 경우 인덱스 드리프트를 피하기 위해 보수적인 교체를 사용할 수 있습니다.
결과를 어떻게 내보내거나 공유하나요?
요약 복사로 간단한 개요를 복사하고, 보고서 내보내기로 Markdown 보고서를 다운로드하거나, JSON Patch 내보내기로 변경을 코드로 적용할 수 있습니다.