* 입력한 콘텐츠는 서버로 전송되지 않습니다. 모든 계산은 브라우저에서 직접 수행됩니다
텍스트 A
텍스트 B

Diff란?

Diff는 두 텍스트 간의 구조적 비교로, 추가된 것, 제거된 것, 그대로인 것을 하이라이트합니다. 개발자들은 코드 변경을 검토하고, 설정 차이를 감사하고, 문서의 두 버전을 조정하기 위해 매일 사용합니다.

이 도구는 jsdiff 라이브러리를 사용하여 비교를 브라우저에서 완전히 실행합니다. 붙여넣거나 업로드한 어떤 것도 서버로 전송되지 않습니다.

사용 방법

두 입력을 원본과 수정됨 필드에 붙여넣거나 드롭하세요. 512KB 미만의 입력은 자동으로 diff가 계산되며, 더 큰 입력은 비교 버튼이 나타나 직접 제어할 수 있습니다.

나란히 보기와 인라인 보기를 전환하고, 필요시 공백이나 대소문자를 무시하며, 비교 전 Format JSON으로 JSON 입력을 정규화할 수 있습니다.

알고리즘

jsdiff를 통한 Myers diff 알고리즘으로 구축되었습니다. 먼저 행 수준 diff를 계산한 다음, 인접한 제거/추가 행 쌍에 대해 단어 수준 패스를 실행하여 실제로 변경된 단어를 하이라이트합니다. GitHub 풀 리퀘스트와 같은 방식입니다.

일반적인 활용 사례

두 설정 파일(JSON, YAML, .env)을 비교하여 환경 간 차이를 파악.

에디터 밖에서 작업할 때, 코드 변경을 커밋하기 전에 검토.

문서, 로그 또는 쿼리 결과의 두 버전을 나란히 비교하여 조정.

제한 사항

이 도구는 텍스트만 비교합니다. 바이너리 파일은 감지되어 결과의 의미를 유지하기 위해 거부됩니다.

입력은 양쪽 각각 최대 5MB입니다. 512KB 이상의 입력은 백그라운드 Web Worker에서 실행됩니다. 페이지는 반응하지만 매우 큰 입력의 경우 diff 자체는 비례적으로 더 오래 걸립니다.

줄 끝(CRLF vs LF)과 후행 공백의 차이는 정규화되어 변경 사항으로 나타나지 않습니다.