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

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

/ 도구

■

/ 도구 찾기

도구 109개

/ Diff 뷰어

원본 텍스트

수정된 텍스트

Diff 모드

/ 선택한 도구

■

Diff 뷰어 - 무료 개발자 도구

두 텍스트를 나란히 놓고 줄 단위 또는 단어 단위로 비교합니다

■ 01

Diff Viewer란?

Diff viewer는 두 텍스트를 비교해 그 차이를 강조해 주는 도구입니다. 무엇이 추가, 삭제, 변경되었는지 보여주어 문서, 코드 또는 어떤 텍스트든 수정 사항을 쉽게 검토할 수 있게 해줍니다…

■ 02

어떻게 작동하나요?

이 도구는 Longest Common Subsequence(LCS) 알고리즘을 사용해 두 텍스트 간의 차이를 계산합니다. 추가된 부분은 + 접두사와 함께 초록색으로, 삭제된 부분은 - 접두사와 함께 빨간색으로 표시됩니다. Diff 모드 Line…

■ 03

예시 사례

Code review, Document comparison, Configuration files를 다루어 일반적인 입력과 출력을 빠르게 비교할 수 있습니다.

/ 관련 도구

/ 코드

■

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

/ 소스 코드

TypeScript

typescript

// Line-by-line diff using Longest Common Subsequence (LCS)
// No external dependencies required

interface DiffLine {
  lineNumber1: number | null;
  lineNumber2: number | null;
  content: string;
  type: 'added' | 'removed' | 'unchanged';
}