텍스트 비교 · diff · 두 글 비교 · 줄과 단어 단위로

언제 쓰나

두 글이 어디가 달라졌는지 한눈에 확인하고 싶을 때. 코드 뿐 아니라 계약서·기획서·번역본처럼 일반 문서 비교에도 씁니다. 먼저 줄 단위로 맞춘 뒤, 바뀐 줄 안에서는 단어 하나하나까지 표시해 줍니다.

왼쪽에 원본(A), 오른쪽에 비교본(B) 을 붙여넣으면 아래 "비교 보기" 가 바로 나타납니다. 위쪽의 "공백 무시" 를 켜면 들여쓰기·줄바꿈만 달라진 부분은 걸러집니다. 좌우를 바꾸고 싶으면 "↔ 스왑" 을 누르세요.

빨강 배경 — A 에만 있던 줄 (없어진 부분).
초록 배경 — B 에서 새로 추가된 줄.
노랑 배경 + 안쪽 색 강조 — 줄은 같은데 안의 단어가 바뀐 경우. 왼쪽은 빨강으로 "없어진 말", 오른쪽은 초록으로 "새로 들어간 말".
위쪽 +N · -M · ~K — 각각 추가·삭제·수정된 줄 수.

공백만 다른 변경 — "공백 무시" 를 켜면 제외됩니다. 코드 자동 정렬 전후 비교처럼, 실제 내용은 같은데 들여쓰기만 바뀐 경우에 유용합니다.
긴 줄 — 화면 너비에 맞춰 자동으로 꺾입니다.
JSON 비교 — JSON 정렬 도구의 "→ Diff" 버튼을 누르면 지금 보던 결과를 여기 A 쪽으로 바로 가져옵니다.

jsdiff 라이브러리는 클라이언트 번들. 두 버전의 코드 · 계약서 · 글을 비교해도 비교 결과 자체가 외부로 새지 않습니다.

자주 묻는 질문

두 텍스트의 비교 단위는?

줄 단위 + 단어 단위 2계층 비교. 줄이 변경된 것으로 분류되면 그 줄 안에서 단어 단위로 어디가 바뀌었는지 색으로 표시됩니다.

공백 차이는 어떻게 처리되나요?

기본은 공백도 차이로 인식. '공백 무시' 토글을 켜면 들여쓰기·trailing space 등 공백만 다른 줄은 같다고 처리합니다.

비교 결과를 다른 곳에 붙여쓸 수 있나요?

네. 통합 diff 형식 (`-` `+` 라인 prefix) 으로 복사 가능합니다. 코드 리뷰 코멘트나 PR 본문에 그대로 붙여쓸 수 있습니다.

1	{	1	{
2	"name": "util-platform",	2	"name": "util-platform",
3	"tools": ["json", "qr", "image"],	3	"tools": ["json", "qr", "image", "regex", "diff"],
4	"version": "0.1.0"	4	"version": "0.2.0",
		5	+ "license": "MIT"
5	}	6	}