</>DevTools

±텍스트 비교

두 텍스트의 차이점 비교 및 하이라이트

텍스트 Diff 비교 완벽 가이드

Diff Compare는 두 텍스트의 차이점을 줄 단위로 시각적으로 하이라이트하는 도구입니다. 추가된 줄은 초록색, 삭제된 줄은 빨간색으로 표시되어 변경 내용을 한눈에 파악할 수 있습니다. 코드 리뷰, 문서 수정 전후 비교, 설정 파일 변경 확인에 특히 유용합니다.

Diff 알고리즘 이해하기

Myers 알고리즘 — Git이 쓰는 바로 그것

이 도구는 Eugene Myers가 1986년 발표한 Myers diff 알고리즘을 사용합니다. 두 텍스트에서 최장 공통 부분 수열(LCS)을 찾아 최소 편집 거리를 계산합니다. Git, GitHub의 PR diff 뷰, VS Code의 파일 비교 모두 동일한 원리를 사용합니다.

Line diff vs Word diff vs Character diff

단위특징적합한 상황
Line diff줄 단위 비교 (이 도구)코드, 설정 파일
Word diff단어 단위 비교문서, 번역문
Character diff문자 단위 비교JSON 값 변경 추적

Git diff와의 관계

git diff는 파일 이력을 추적하며 변경 전후 컨텍스트 줄을 함께 보여줍니다. 이 도구는 git 저장소 없이 두 텍스트 스냅샷을 즉시 비교할 수 있어, 로컬에서 빠른 검토나 비-버전 관리 텍스트 비교에 적합합니다.

실전 활용 사례

  • 코드 리뷰: PR 전에 변경 내용을 동료와 공유
  • 설정 파일 감사: nginx.conf, docker-compose.yml 변경 전후 비교
  • 번역 검수: 원문과 번역문의 누락된 단락 확인
  • API 응답 비교: 두 버전의 JSON 응답 차이 추적
  • 이력서·문서: 수정 전후 변경사항 명확히 파악

실전 예시: 설정 파일 변경 감사

# 원본 (Original)
PORT=3000
DB_URL=postgres://localhost/dev
DEBUG=true

# 변경 (Modified)
PORT=8080
DB_URL=postgres://prod-server/prod
# DEBUG=true  ← 주석 처리됨

위 두 텍스트를 비교하면 PORT 변경, DB_URL 변경, DEBUG 주석 처리 3가지 변경사항이 색상으로 즉시 구분됩니다.

🔗관련 도구💻 정규식/코드