매일 손이 가는 개발자 도구를 한곳에.

변환기, 포맷터, 해시, 검증기, 그리고 계속 다시 열게 되는 작은 유틸리티들이 여러 탭에 흩어지지 않고 한자리에 모여 있습니다.

/ 도구

■

/ 도구 찾기

도구 109개

/ 텍스트 비교기

원본 텍스트

수정된 텍스트

Diff 모드

/ 선택한 도구

■

텍스트 비교기 - 무료 텍스트 도구

두 텍스트를 비교하여 차이점을 강조 표시합니다

■ 01

텍스트 비교란?

텍스트 비교(diff)는 두 텍스트 사이의 변경 사항을 찾아 강조 표시하는 도구입니다. 무엇이 추가, 삭제, 유지되었는지 보여줘 문서, 코드 버전…

■ 02

어떻게 작동하나요?

이 도구는 최장 공통 부분 수열(LCS) 알고리즘을 사용해 두 텍스트 사이의 차이를 계산합니다. 추가 부분은 녹색으로, 삭제 부분은 취소선과 함께 빨간색으로 강조해 변경 사항…

■ 03

예시 사례

일반적인 사용 사례를 다뤄 자주 쓰는 입력과 출력을 빠르게 비교할 수 있습니다.

/ 관련 도구

/ 코드

■

선택한 도구의 소스 코드로, 오른쪽의 실시간 버전과 함께 여기에 표시됩니다.

/ 소스 코드

TypeScript

typescript

type DiffPart = {
  value: string;
  type: 'added' | 'removed' | 'unchanged';
};

// Compute word-level diff using Longest Common Subsequence (LCS)
function computeWordDiff(str1: string, str2: string): DiffPart[] {
  const words1 = str1.split(/(\s+)/);
  const words2 = str2.split(/(\s+)/);