Diff 비교기 - 텍스트 비교 및 차이점 찾기 온라인

두 텍스트를 나란히 비교하고 차이점을 줄 단위로 강조 표시. 통합 뷰와 분할 뷰, 문자 수준 차이 비교 지원.

원본

수정본

출력

차이점 없음

자주 묻는 질문

Diff 체커란 무엇인가요?

Diff 체커는 두 텍스트를 비교하고 차이점을 하이라이트하는 도구입니다. 추가된 내용, 삭제된 내용, 수정된 내용을 보여줍니다. 코드 리뷰, 문서 편집, 설정 파일 디버깅, 버전 비교에 필수적입니다.

diff 알고리즘은 어떻게 작동하나요?

diff 알고리즘은 최장 공통 부분 수열(LCS) 접근 방식을 사용하여 두 텍스트 간의 최적의 변경 집합을 찾습니다. 두 텍스트에 모두 나타나는 가장 긴 문자 또는 줄 시퀀스를 식별한 다음, 나머지를 추가 또는 삭제로 표시합니다.

나란히 보기와 통합 보기의 차이점은 무엇인가요?

나란히 보기는 두 텍스트를 병렬 열에 표시하여 해당 줄을 쉽게 비교할 수 있습니다. 통합 보기는 Git diff 출력과 유사하게 + 및 - 접두사를 사용하여 두 텍스트를 단일 열로 결합합니다. 나란히 보기는 시각적 비교에, 통합 보기는 더 컴팩트합니다.

줄, 단어, 문자 diff 모드는 무엇인가요?

줄 모드는 텍스트를 줄 단위로 비교합니다 - 줄의 일부가 변경되면 전체 줄이 표시됩니다. 단어 모드는 줄 내의 개별 단어 변경을 강조 표시합니다. 문자 모드는 변경된 각 문자를 강조 표시하여 가장 세밀한 차이를 보여줍니다. 코드에는 줄 모드를, 산문에는 단어 모드를 사용하세요.

이 도구를 사용할 때 내 데이터는 안전한가요?

예, 모든 처리는 100% 브라우저에서 이루어집니다. 텍스트가 어떤 서버로도 전송되지 않습니다. 개인정보 걱정 없이 민감한 문서, 코드 또는 기밀 정보를 안전하게 비교할 수 있습니다.

코드 예제

import { diffLines, diffWords } from 'diff';

const original = 'Hello World';
const modified = 'Hello JavaScript World';

// Line diff
const lineDiff = diffLines(original, modified);
lineDiff.forEach(part => {
  const prefix = part.added ? '+' : part.removed ? '-' : ' ';
  console.log(prefix, part.value);
});

// Word diff
const wordDiff = diffWords(original, modified);
wordDiff.forEach(part => {
  if (part.added) console.log('Added:', part.value);
  if (part.removed) console.log('Removed:', part.value);
});