DiffChecker는 두 텍스트의 차이점을 줄 단위로 비교하는 무료 온라인 도구입니다. 추가된 줄은 초록색, 삭제된 줄은 빨간색으로 표시해 어느 부분이 바뀌었는지 한눈에 파악할 수 있습니다. 코드 수정 내역 확인, 문서 버전 비교, 설정 파일 변경 검토 등 다양한 상황에서 활용할 수 있습니다.
주요 기능
추가/삭제 줄 강조
추가된 줄은 초록색 배경과
+, 삭제된 줄은 빨간색 배경과 -로 구분해 표시합니다.줄 번호 표시
원본과 수정본 각각의 줄 번호가 표시되어 몇 번째 줄이 변경됐는지 바로 확인할 수 있습니다.
차이 요약
추가된 줄 수, 삭제된 줄 수, 동일한 줄 수를 배지로 요약해 보여줍니다.
좌우 동시 표시
원본과 수정본을 좌우로 나란히 표시합니다. 스크롤을 움직이면 양쪽이 동시에 이동합니다.
기본 사용법
1
텍스트 입력
왼쪽 입력창에 원본 텍스트, 오른쪽 입력창에 수정된 텍스트를 붙여넣습니다.
2
비교하기
🔄 비교하기 버튼을 클릭합니다. 아래에 좌우 분할 결과 뷰가 나타납니다.
3
결과 확인
초록색 줄은 수정본에서 추가된 내용, 빨간색 줄은 원본에서 삭제된 내용입니다. 회색 줄은 변경 없는 동일한 내용입니다.
결과 화면 예시
아래는 JavaScript 함수를 수정했을 때의 비교 결과 예시입니다.
원본
1
function greet(name) {
2
- console.log("Hello");
3
return name;
4
- var user = "World";
5
}
수정본
1
function greet(name) {
2
+ console.log("Hi, " + name);
3
return name;
4
+ var user = "BrowserKit";
5
}
차이 요약 배지
비교 결과 상단에 아래와 같이 요약 배지가 표시됩니다.
+ 2줄 추가
- 2줄 삭제
= 3줄 동일
색상 의미
| 색상 | 기호 | 의미 |
|---|---|---|
| 🟢 초록색 배경 | + | 수정본에 새로 추가된 줄 |
| 🔴 빨간색 배경 | - | 원본에서 삭제된 줄 (수정본에 없음) |
| ⚪ 회색 (기본) | 변경 없이 동일한 줄 |
샘플 불러오기
📋 샘플 불러오기 버튼을 클릭하면 JavaScript 함수 수정 예제가 자동으로 입력되고 비교 결과까지 바로 표시됩니다. 처음 사용하거나 기능을 빠르게 확인할 때 활용하세요.
활용 예시
코드 리뷰
수정 전/후 코드를 붙여넣어 변경된 부분을 빠르게 파악합니다. PR 전 자체 검토에 유용합니다.
문서 버전 비교
계약서, 보고서, 정책 문서의 이전 버전과 현재 버전을 비교해 수정 내역을 확인합니다.
설정 파일 변경 확인
.env, nginx.conf, package.json 등 설정 파일의 변경 사항을 확인합니다.번역 검수
원문과 번역문을 나란히 비교하거나, 번역 수정 전후를 비교해 변경 내역을 검토합니다.
로그 파일 비교
두 시점의 로그 파일을 비교해 새로 추가된 오류 메시지나 달라진 항목을 찾습니다.
이메일 초안 비교
이메일 초안 수정 전후를 비교해 어떤 문장이 추가되거나 삭제됐는지 확인합니다.
알고리즘 원리
DiffChecker는 LCS(Longest Common Subsequence, 최장 공통 부분 수열) 알고리즘을 사용해 두 텍스트를 비교합니다. 두 텍스트에서 공통으로 존재하는 가장 긴 줄 순서를 찾아낸 뒤, 공통 줄에 포함되지 않는 줄을 추가(수정본 전용)나 삭제(원본 전용)로 분류합니다.
외부 라이브러리 없이 순수 JavaScript로 구현되어 있으며, 모든 비교가 브라우저 내에서만 처리됩니다.
주의사항
| 항목 | 내용 |
|---|---|
| 비교 단위 | 줄(line) 단위로 비교합니다. 한 줄 안에서 일부 단어만 바뀐 경우 줄 전체가 삭제 + 추가로 표시됩니다. |
| 대용량 텍스트 | 수만 줄 이상의 매우 긴 텍스트는 LCS 알고리즘 특성상 처리 시간이 길어질 수 있습니다. |
| 공백 차이 | 들여쓰기나 줄 끝 공백이 다르면 다른 줄로 인식합니다. 공백을 정규화한 뒤 비교하려면 먼저 TextTools로 정리하세요. |
| 보안 | 비교하는 텍스트는 서버로 전송되지 않습니다. 소스 코드나 기밀 문서도 안전하게 비교할 수 있습니다. |
🔒 DiffChecker는 모든 처리가 브라우저 내에서만 이루어집니다. 입력한 텍스트가 외부 서버로 전송되지 않으므로, 소스 코드, 설정 파일, 기밀 문서도 안심하고 비교할 수 있습니다.