·2분 읽기
Diff 도구 5가지 활용 - 코드 리뷰·git diff·문서 비교
두 텍스트 비교하는 Diff 도구 5가지 활용 사례와 git diff 읽는 법, 코드 리뷰 팁까지. 변경 내용 빠르게 파악하는 실전 가이드.
🔀
텍스트 비교 바로 사용하기
두 텍스트의 차이점을 비교하세요
→
활용 1 — 코드 리뷰
**상황**
PR 받았는데 변경 파일 50개. 어디부터 봐야 할지.
**Diff 도구 활용**
- 변경된 줄만 강조 표시 (추가 녹색·삭제 빨강)
- 변경 전후 나란히 비교 (side-by-side)
- 인라인 비교 (한 줄에 차이만)
- 공백·줄바꿈 무시 옵션
**리뷰 순서**
1. 큰 파일·중요 파일 먼저
2. 함수 추가·삭제 확인
3. 로직 변경 부분 깊이
4. 테스트 코드 변경
5. 설정 파일 변경 (위험 영역)
**팁**
- 50줄 넘는 변경은 리뷰 어려움 → 작은 PR로 분리 요청
- 자동 포매터 변경(prettier·black)이면 별도 PR로 분리
활용 2 — git diff 읽는 법
**기본 명령**
```
git diff # 워킹 트리 변경
git diff --staged # 스테이지 변경
git diff main..HEAD # 브랜치 비교
```
**git diff 출력 해석**
```
diff --git a/file.js b/file.js
@@ -10,5 +10,7 @@
const userName = 'old';
-console.log('debug');
+console.log('production');
+const newVar = true;
```
- `@@ -10,5 +10,7 @@`: 원본 10번 줄 5줄 → 새로운 10번 줄 7줄
- `-`: 삭제
- `+`: 추가
- 공백 줄: 컨텍스트 (변경 없음)
**고급 옵션**
```
git diff --stat # 파일별 변경 줄 수
git diff -w # 공백 무시
git diff --color-words # 단어 단위 강조
git log -p file.js # 파일 변경 이력
```
활용 3·4 — 문서·번역·설정 비교
**활용 3 — 문서 비교**
계약서·정책 문서 버전 비교.
- 변경된 조항 빠르게 식별
- 양쪽 비교로 누락 방지
- 워드 'Track Changes' 대안
**활용 4 — 번역 검수**
원문 → 번역 → 재검토.
- 영문 vs 한국어 길이 비교
- 누락된 문장 식별
- 용어 일관성 체크
**활용 5 — 설정 파일 비교**
환경별(dev·staging·prod) 설정 비교.
- 환경 변수 누락 방지
- 보안 설정 통일
- 배포 전 최종 검증
**자주 하는 실수**
- 공백·줄바꿈 차이로 "전체 변경" 표시 → `-w` 옵션으로 공백 무시
- BOM 문자 차이 → 인코딩 통일 (UTF-8 BOM 없이)
- 줄 끝 CRLF vs LF → .gitattributes 통일
Toolkio Diff 도구 + 도구 비교
**Toolkio Diff 도구**
- 두 텍스트 입력 → 즉시 비교
- 줄 단위·단어 단위 강조
- 공백 무시 옵션
- 결과 복사·다운로드
**활용 사례**
- 코드 일부 비교 (전체 git 안 쓸 때)
- 메일·문서 텍스트 차이
- 설정 파일 변경 추적
**다른 도구 비교**
- VSCode Diff: IDE 통합 (개발자 표준)
- Beyond Compare: 폴더 단위 비교 (유료)
- Meld: 무료 GUI (Linux·Windows)
- diff (CLI): 명령줄 표준
- DiffNow: 웹 기반 무료
**선택 기준**
- 개발: VSCode Diff
- 비개발자: Toolkio·DiffNow (웹)
- 폴더 비교: Beyond Compare
- 자동화: diff CLI