내부 도구
JSON 구조·값 비교기
두 JSON을 브라우저에서 비교해 추가, 삭제, 변경된 경로와 값 차이를 찾고 현재 결과를 복사합니다.
바로 실행
빠른 이동
이 페이지에서 바로 찾기
JSON 구조·값 비교기는 API 응답, 설정 파일, 테스트 결과처럼 JSON 형식인 두 내용을 경로 기준으로 비교하는 내부 도구입니다. 객체 키의 작성 순서는 무시하고 배열 순서는 유지해 실제 구조와 값의 차이에 집중합니다.
한눈에 보기
- 추가, 삭제, 변경된 경로를 구분해 표시합니다.
- 각 경로에서 기준 값과 비교 값을 나란히 확인합니다.
- 경로, 자료형, 값 또는 변경 종류로 결과를 좁힐 수 있습니다.
- 현재 표시된 차이를 줄 단위로 복사할 수 있습니다.
- 입력과 결과는 서버로 전송하거나 저장하지 않습니다.
이럴 때 사용
- API 응답 전후에서 어떤 키나 값이 달라졌는지 찾을 때
- 배포 전후 설정 JSON의 누락된 항목을 확인할 때
- 테스트 결과 JSON에서 추가되거나 바뀐 값을 검토할 때
- 키 순서만 달라진 JSON을 실제 변경으로 오해하지 않도록 확인할 때
사용 방법
- 왼쪽에 기준 JSON을 입력합니다.
- 오른쪽에 비교할 JSON을 입력합니다.
구조·값 비교를 눌러 추가, 삭제, 변경 요약을 확인합니다.- 결과가 많으면 검색과 변경 종류를 사용해 필요한 경로만 남깁니다.
예시 입력
기준 JSON:
{"project":{"name":"GoAll","tools":["text-counter"]}}
비교 JSON:
{"project":{"name":"GoAll.kr","tools":["text-counter","json-formatter"]}}
예시 결과
변경 $.project.name
추가 $.project.tools[1]
$.project.name은 값이 바뀌었고, $.project.tools[1]에는 새 배열 항목이 추가된 것으로 표시됩니다.
자주 실수하는 부분
- 배열 항목의 순서를 바꿔도 같은 JSON이라고 생각함
- 숫자
1과 문자열"1"을 같은 값으로 생각함 - 추가된 객체 안의 모든 하위 키가 각각 표시될 것으로 기대함
- JSON 문법 오류와 실제 데이터 차이를 같은 문제로 생각함
주의할 점
객체 키의 작성 순서는 비교에서 제외하지만 배열 위치와 순서는 비교합니다. 추가되거나 삭제된 객체·배열은 결과를 짧게 유지하기 위해 해당 상위 경로 한 건으로 요약합니다. 이 도구는 JSON 스키마 검증, 의미 판단, 코드 실행 또는 자동 병합을 하지 않습니다.