텍스트 비교 도구
사용 가이드
텍스트 차이 비교 도구는 코드, 문서, 구성 파일, 산문 등 텍스트의 두 버전 사이에서 정확히 무엇이 변경되었는지 색상으로 강조 표시된 나란히 보기 또는 통합 보기로 보여주는 브라우저 기반 diff 도구입니다. Myers diff 알고리즘(Git에서 사용)을 사용하여 의미론적으로 최적의 출력을 보장합니다. 매우 큰 입력(50 KB 초과)의 경우 처리가 백그라운드 Web Worker로 오프로드됩니다. 어떤 내용도 어디에도 전송되지 않습니다.
- 원본 텍스트 붙여넣기 — 왼쪽 "원본" 패널을 클릭하고 첫 번째 버전의 내용을 붙여넣습니다 — 이것이 비교 기준입니다.
- 수정된 텍스트 붙여넣기 — 오른쪽 "수정됨" 패널을 클릭하고 두 번째 버전의 내용을 붙여넣습니다.
- "비교" 클릭 — "비교" 버튼을 누릅니다. 색상 코드가 있는 diff 보기가 나타납니다: 빨간 줄은 원본에만 존재(삭제됨), 녹색 줄은 수정된 버전에만 존재(추가됨).
- 인라인 강조 표시 읽기 — 변경된 줄 안에서 추가되거나 삭제된 특정 문자가 더 어두운 음영으로 강조 표시됩니다.
- 보기 모드 전환 — "나란히 보기"(두 열)와 "통합"(+ 및 - 접두사가 있는 한 열) 사이를 전환합니다.
- 요약 확인 — diff 위의 요약 표시줄은 추가, 삭제, 변경되지 않은 줄의 총 수를 보여줍니다.
자주 묻는 질문
텍스트 diff란 무엇인가요?
텍스트 diff는 두 버전의 텍스트를 비교하여 변경 사항을 강조 표시합니다: 추가된 줄은 초록색, 삭제된 줄은 빨간색으로 표시됩니다. Git 같은 버전 관리 시스템과 동일한 개념입니다.
텍스트를 비교할 때 서버로 전송되나요?
아니요. 비교는 jsdiff 라이브러리를 사용하여 브라우저 내에서 완전히 이루어집니다. 원본 텍스트나 수정된 텍스트 모두 어떤 서버에도 전송되지 않습니다.
큰 파일에서도 diff가 작동하나요?
네. 합산 입력이 50KB를 초과하면 도구가 자동으로 비교를 Web Worker 백그라운드 스레드로 이동하여 diff 계산 중에도 페이지가 인터랙티브한 상태를 유지합니다.
도구가 문자 단위로 비교하나요, 줄 단위로 비교하나요?
기본 뷰는 줄 단위로 비교하여 추가되거나 삭제된 전체 줄을 표시합니다. git diff와 동일한 동작입니다.
오프라인으로 사용할 수 있나요?
2Kit은 PWA입니다. 첫 방문 후 캐시되어 완전히 오프라인으로 작동합니다.
기술 구현
모든 처리는 브라우저 내에서만 실행됩니다 — 어떤 서버에도 데이터를 전송하지 않습니다. 이 도구는 프로그레시브 웹 앱(PWA)으로 완전한 오프라인 사용이 가능합니다: 첫 방문 후 모든 페이지와 리소스가 Service Worker에 의해 캐시되어 인터넷 연결 없이도 사용할 수 있습니다. 입력 데이터가 기기를 벗어나지 않아 API 키, 비밀번호, 개인 설정, 기밀 문서 등 민감한 콘텐츠를 안전하게 처리할 수 있습니다.