텍스트 Diff (텍스트/코드 비교)
왼쪽(A)과 오른쪽(B)에 텍스트나 코드를 입력하면 추가/삭제/변경된 줄을 나란히 보기 또는 git 스타일 Unified Diff로 비교합니다. 서버로 전송하지 않고 브라우저 안에서만 처리됩니다.
🔗 링크 공유는 A/B 텍스트 원문을 링크 자체(주소창의 # 뒤)에 gzip으로 압축해 담습니다. 서버로 전송되지는 않지만, 링크를 받은 사람은 내용을 볼 수 있으니 민감한 데이터는 공유하지 마세요.
이 배너는 쿠팡 파트너스 활동의 일환으로 게재되며, 이에 따른 일정액의 수수료를 제공받습니다.
사용 방법
- 입력: 왼쪽 A(원본)와 오른쪽 B(변경본)에 각각 텍스트나 코드를 붙여넣거나, 파일을 열거나 드래그하세요.
- 옵션: 들여쓰기 차이를 무시하려면 "공백 무시", 대소문자 차이를 무시하려면 "대소문자 무시", 변경된 줄을 글자 단위로 정밀하게 비교하려면 "문자 단위 강조"를 켜세요.
- 결과 확인: "나란히 보기"는 두 열로 줄을 맞춰 보여주고, 변경된 줄은 실제로 달라진 단어만 강조합니다. "Unified Diff"는
@@ -a,n +b,n @@헤더가 붙은 git 스타일 patch 형식으로 보여줍니다. - 공유·내보내기: "🔗 링크 공유"로 비교 결과를 링크 하나로 공유하거나, Unified Diff를 복사·다운로드(.diff 파일)할 수 있습니다.
모든 처리는 브라우저 내부(JavaScript)에서만 이루어지며, 입력한 데이터는 서버로 전송되거나 저장되지 않습니다.
텍스트 Diff는 언제 사용하나요?
코드 리뷰 전 두 버전을 빠르게 비교하거나, 설정 파일이 배포 전후로 어떻게 바뀌었는지 확인하거나, 문서 두 버전의 차이를 검토할 때 유용합니다. git이 설치되어 있지 않은 환경에서도, 또는 git 저장소에 속하지 않은 텍스트 두 뭉치를 비교할 때 특히 편리합니다.
자주 묻는 질문
입력한 텍스트가 외부로 전송되나요?
아니요. 모든 비교는 브라우저 안에서 JavaScript로만 처리되며 서버로 전송되지 않습니다.
줄 단위 비교인가요, 글자 단위 비교인가요?
기본은 줄 단위입니다. "변경(changed)"으로 판정된 줄 쌍은 그 안에서 다시 단어 단위로 비교해 실제로 달라진 단어만 강조하며, "문자 단위 강조" 옵션을 켜면 단어가 아닌 글자 단위로 비교해 한 단어 안에서 일부만 바뀐 경우(예: 조사만 바뀐 한글 문장, 오탈자)도 정확히 어느 글자가 달라졌는지 보여줍니다.
Unified Diff의 @@ -3,6 +3,7 @@ 같은 숫자는 무슨 뜻인가요?
-3,6은 "A(원본)의 3번째 줄부터 6줄", +3,7은 "B(변경본)의 3번째 줄부터 7줄"이 이 hunk(변경 블록)에 포함된다는 뜻입니다. git diff, diff -u와 같은 표준 형식이라 그대로 패치 파일로 활용할 수 있습니다.
공백 무시 옵션은 정확히 무엇을 무시하나요?
각 줄의 앞뒤 공백을 제거하고, 줄 내부의 연속된 공백(스페이스/탭)을 하나로 축소한 뒤 비교합니다. 들여쓰기 스타일만 다르고 내용은 같은 코드를 비교할 때 유용합니다.
아주 긴 텍스트도 비교할 수 있나요?
브라우저 메모리 범위 내에서는 처리할 수 있지만, 줄 수가 매우 많으면(수만 줄 이상) 비교 계산과 나란히 보기 렌더링이 느려질 수 있습니다. 이런 경우 Unified Diff 보기가 더 가볍습니다.
JSON을 비교할 때도 이 도구를 쓰면 되나요?
JSON은 JSON Diff 도구를 권장합니다. 키 순서가 달라도 같은 값으로 인식하고, 트리 구조로 어떤 필드가 바뀌었는지 보여줘서 텍스트 Diff보다 JSON 비교에 더 적합합니다.