텍스트 비교
두 텍스트를 비교하고 차이점을 확인합니다.
두 텍스트를 나란히 놓고 줄 단위와 문자 단위로 바뀐 부분을 강조해 보여 줍니다.
사용 순서
- 왼쪽 편집기에 기준이 되는 원본 텍스트를 붙여 넣습니다.
- 오른쪽 편집기에 비교할 수정본을 넣습니다.
- 바뀐 줄과 강조된 부분을 확인하고, 필요하면 한쪽을 직접 고쳐 다시 비교합니다.
예시
왼쪽 original text와 오른쪽 modified text를 비교하면 한 줄이 바뀐 것으로 표시되고, 달라진 단어 부분이 강조됩니다.
한계
편집기는 Monaco 기반이라 줄 단위 비교와 문자 단위 강조를 제공합니다. 파일 선택 기능은 없으므로 내용을 붙여 넣어야 합니다. 편집기 높이는 600px로 고정되어 있어서 긴 내용은 스크롤로 확인해야 합니다.
보안 주의
설정 파일이나 환경 변수 목록을 비교하면 비밀값이 두 편집기에 동시에 나타납니다. 화면 공유 중이라면 비교 결과를 띄우기 전에 민감한 값을 더미 값으로 바꾸세요.
배경 지식
diff는 두 텍스트의 차이를 찾아내는 기법입니다. 가장 흔한 방식은 줄 단위로 두 텍스트의 공통 부분을 찾고, 그 밖의 줄을 추가 또는 삭제로 나누는 것입니다. Git이 커밋 내용을 보여 줄 때도 같은 원리를 씁니다. 다만 구현은 도구마다 달라서 같은 두 텍스트라도 차이 표시가 조금씩 다를 수 있습니다.
줄 단위 비교만으로는 단어 하나만 고친 줄이 줄 전체가 바뀐 것처럼 보입니다. 그래서 바뀐 줄 안에서 문자 단위로 한 번 더 비교해 실제로 다른 부분만 강조합니다. 이 도구의 편집기는 VS Code의 편집기 엔진인 Monaco를 사용합니다. 화면 구성과 편집 방식도 VS Code의 diff 화면과 비슷합니다.
설정 파일의 두 버전, SQL 쿼리 리팩터링 결과, 번역 문장의 변경 내역을 확인할 때 자주 씁니다. 공백이나 줄바꿈 형식 차이도 차이로 잡히므로, 내용이 바뀐 것인지 형식만 바뀐 것인지 먼저 구분해서 봐야 합니다. 이런 잡음을 걷어 내면 실제 변경 내용에 집중할 수 있습니다.
자주 묻는 질문
양쪽 편집기 중 어느 쪽을 수정할 수 있나요?
두 편집기 모두 수정할 수 있습니다. 원본 쪽 편집도 허용되어 있으므로 고치면 차이가 바로 다시 계산됩니다.
내용이 같은데 차이가 보이는 이유는 무엇인가요?
줄 끝 공백, 탭과 공백의 차이, 줄바꿈 형식(CRLF와 LF)이 다르면 내용이 같아도 차이로 표시됩니다. 줄바꿈은 줄바꿈 형식 변환기로 먼저 맞춘 뒤 비교하면 확인이 쉽습니다.
파일 전체를 비교할 수 있나요?
파일을 직접 선택하는 기능은 없으므로 파일 내용을 열어 복사한 뒤 붙여 넣어야 합니다. 아주 큰 파일은 브라우저가 느려질 수 있으니 필요한 구간만 나눠 비교하세요.