[Tool] 소스 코드 비교 사이트

개발을 하다 보면 두 개의 코드를 비교해야 하는 경우가 생긴다.

이런 상황에서 보다 쉽게 코드를 비교할 수 있도록 도와주는 사이트가 있다.

 

1. Diff Checker

• 원본을 왼쪽 빈칸에 넣고, 수정본을 오른쪽 빈칸에 넣는다.
• 하단의 초록색 Find difference 버튼을 누르면 코드를 비교할 수 있다.

 

• 코드 비교 결과는 위의 이미지에서 보이는 것처럼 원본의 어떤 내용이 삭제되고 추가되었는지 표시된다.
• Highlight Change의 Word 버전은 단어 단위로 변경된 부분을 블록으로 표시하며, Character 버전은 스펠링 하나하나를 비교하여 변화를 나타낸다.
• Syntax Highlighting을 통해 각 언어별 코드를 더 명확히 확인할 수 있다.
• 기타 Tool 기능으로는 공백을 제거하는 등의 간단한 작업을 수행할 수 있다.
• 이전에 비교한 결과를 다시 확인할 수 있는 기록 확인 버튼도 제공된다.
• 이 외에도 PDF 파일이나 Word 파일을 업로드하여 비교할 수 있으며, Excel, 이미지 등 다양한 파일 형식도 비교 가능하다.

 

Diffchecker - Compare text online to find the difference between two text files

 

2. DiffNow

• 원본을 왼쪽 빈칸에 넣고, 수정본을 오른쪽 빈칸에 넣는다.
• 하단의 파란색 COMPARE 버튼을 누르면 코드를 비교할 수 있다.

• 코드 비교 결과는 위의 이미지에서 보이는 것처럼 원본의 어떤 내용이 추가되었는지 라인으로 표시된다.
• 추가적인 옵션은 OPTIONS 버튼을 통해 설정 가능하다.
• Result > Detail level의 단계는 3단계 line, word, char로 변경 내용을 체크할 수 있다.
• 공백이나 빈 줄에 대한 변경 사항도 확인할지 여부를 선택 가능하다.
• 추가 또는 삭제, 변경 등에 대한 색상을 본인이 커스텀 가능하다.

DiffNow