Diff 포맷터

포맷된 강조 표시와 나란히 보기로 텍스트와 코드 차이점을 비교합니다

로컬에서 실행

원본

Ctrl/Cmd + ↵

수정본

Ctrl/Cmd + ↵

Diff 결과

비교 버튼을 클릭하면 양쪽의 차이점을 확인할 수 있습니다

팁

더 정확한 줄별 비교를 위해 두 텍스트 모두에서 일관된 들여쓰기를 사용하세요.
통합 보기는 작은 변경에 적합합니다. 나란히 보기는 큰 차이점에 더 좋습니다.
추가됨 삭제됨 변경됨
교체 버튼을 사용하여 비교 방향을 반대로 하고 추가 사항을 삭제로 볼 수 있습니다.
Ctrl/Cmd + Enter를 누르면 어느 입력창에서든 비교할 수 있습니다.

자동으로 선택되는 두 가지 diff 모드

Data Diff는 붙여넣은 내용에서 시작합니다. 양쪽 모두 JSON으로 파싱되면 구조적 diff로 전환되고, 그 외의 경우 줄 단위로 비교합니다. 결과 위의 탭에서 모드를 수동으로 고정할 수도 있습니다.

JSON 구조적 diff가 보여주는 내용

Added — 수정된 쪽에만 존재하는 키 또는 인덱스로, 값의 미리보기가 함께 표시됩니다.
Removed — 원본 쪽에만 존재하는 키 또는 인덱스입니다.
Changed — 같은 경로의 값이 양쪽에서 다를 때, 이전 → 이후 형태로 표시됩니다.
Type changed — 한쪽에는 객체가, 다른 쪽에는 스칼라 또는 배열이 있는 경로입니다.
모든 항목에는 JSON·XML·YAML Inspector에서 사용하는 것과 동일한 $.store.books[0].title 표기법으로 된 경로가 담겨 있어, 소스에서 바로 해당 위치로 이동할 수 있습니다.

필요할 때 쓰는 텍스트 diff

줄 단위 비교는 추가·삭제된 모든 줄을 줄 번호와 함께 강조합니다. 코드, 로그, 설정 파일 등 어떤 텍스트든 처리할 수 있으며, 서식은 바뀌었지만 데이터는 그대로인 JSON도 포함됩니다.

예시: JSON 모드는 보이지만 텍스트 모드에는 보이지 않는 것

아래 두 스니펫은 키 순서와 들여쓰기만 다릅니다. 텍스트 diff는 거의 모든 줄을 변경된 것으로 표시하지만, JSON 구조 diff는 변경 사항이 0개라고 정확하게 보고합니다.

{
  "name": "web",
  "version": "1.0"
}

{
  "version": "1.0",
  "name": "web"
}

워크플로우에서의 활용 위치

Data Diff는 워크벤치의 비교 단계입니다. 다른 도구에서 문서를 이곳으로 보내 보세요:

JSON Inspector

Format & inspect, then send here to compare

XML Inspector

Validate XML, then compare two versions

YAML Inspector

Format YAML, then diff it against another manifest

자주 묻는 질문

Diff Formatter 서식 지정에 대한 일반적인 질문에 답변합니다

네, diff 포맷터는 등록 없이 완전히 무료입니다. 모든 처리는 브라우저에서 이루어집니다.

코드, 구성 파일, JSON, XML, 일반 텍스트 또는 기타 텍스트 기반 형식 등 모든 텍스트 콘텐츠를 비교할 수 있습니다.

추가된 줄은 녹색 배경으로, 삭제된 줄은 빨간색 배경으로 표시되며, 변경된 줄은 두 버전을 나란히 보여줍니다.

네. 교체 버튼을 클릭하여 원본과 수정된 텍스트를 반대로 하여 추가 사항을 삭제로, 삭제 사항을 추가로 바꿀 수 있습니다.

도구는 Git이 텍스트 비교에 사용하는 것과 동일한 Myers diff 알고리즘을 사용하여 정확하고 최소한의 diff를 보장합니다.

git diff, diff -u, 주요 버전 관리 시스템들이 생성하는 unified diff 형식(-u)입니다. 하나 이상의 파일 섹션으로 구성되며, 각 섹션에는 ---/+++ 헤더, @@ hunk 마커, +/- 줄과 컨텍스트 줄이 포함됩니다. 정확한 형식은 GNU diffutils에 문서화되어 있으며, 이 포맷터는 줄 번호를 정렬하고 구문 색상을 적용해 hunk를 다시 표시합니다.

@@ -3,7 +3,8 @@는 이렇게 읽습니다. 이전 파일에서는 3번째 줄부터 7줄이 표시되고, 새 파일에서는 해당 섹션이 3번째 줄에서 시작해 8줄에 걸칩니다. 개수를 보면 변경 크기를 한눈에 파악할 수 있습니다. 여기서는 한 줄이 추가된 경우입니다. patch(1)와 git apply가 이 마커에 의존하기 때문에 포맷터는 이 마커를 그대로 유지합니다.

아니요 - 이 도구는 패치를 포맷하고 설명할 뿐 적용하지는 않습니다. 패치를 적용하려면 git apply 또는 patch -p1을, 충돌하는 hunk를 병합하려면 VCS의 병합 도구를 사용하세요. 포맷팅은 의도적으로 읽기 전용이므로, 거부되었거나 충돌한 hunk가 포함된 패치도 안전하게 붙여넣어 읽기 쉽게 검토할 수 있습니다.

{-- * External Resources Component（#19 Phase 3b 内容佐证工程） * 工具页「权威引用」区块：RFC / W3C / WHATWG / ECMA / IANA / 官方规范站 / 官方语言文档 / Wikipedia。 * * - 接受 :slug 属性 → 经 config/tool-sources.php 家族矩阵渲染该工具的权威引用 * - slug 未命中映射时不渲染（无权威来源的工具静默跳过） * - 链接 title 保持英文（引用源专名）；description 经 * common.resources.descriptions.{key} 本地化，lang 未命中回退英文（线上不裸奔） * - 链接保持 dofollow（rel="noopener noreferrer"） * * @param string|null $slug --}}

공식 참고 자료

이 도구가 다루는 형식을 정의하는 표준과 공식 문서입니다.

GNU diffutils - Comparing and merging files

GNU diffutils — unified diff 형식의 참조 구현체입니다.

Diff utility - Wikipedia

diff 유틸리티의 역사와 그것이 생성하는 출력 형식.