VSCode에서 파일 및 폴더 비교(diff) 기능 활용법

파일이나 폴더의 변경 이력을 비교하거나, 서로 다른 두 버전의 코드를 편하게 확인해야 할 때가 많다. Visual Studio Code(VSCode)는 이런 작업을 아주 쉽게 할 수 있는 diff(비교) 기능을 기본 내장하고 있다.

1. VSCode 기본 diff 기능 사용법

파일 간 비교

1. 탐색기(Explorer)에서 두 파일을 선택한다.
2. 마우스 오른쪽 버튼을 클릭한 후, “선택 항목 비교” 메뉴를 선택하면 두 파일이 좌우 화면에 나란히 비교된다.
3. 변경된 부분은 색상으로 강조되어 한눈에 확인할 수 있다.

명령 팔레트로 비교

• Ctrl + Shift + P를 눌러 명령 팔레트에서
  "Compare Active File With…" 또는 "파일: 활성 파일을 다음과 비교…"을 입력하면 특정 파일과 또 다른 파일을 비교할 수 있다.

커맨드 라인에서 바로 비교

• 터미널이나 명령 프롬프트에서 아래 명령어를 입력하면 두 파일을 바로 비교할 수 있다.

    code -d 파일1 파일2

2. 폴더 단위 비교(확장 프로그램 활용)

기본 기능 외에도 diff Folders와 같은 확장 프로그램을 설치하면 폴더 전체의 차이점까지 한 번에 비교할 수 있다.

• 확장 프로그램 설치 후 command palette(명령 팔레트)에서 “diff folders”를 실행해서 폴더별로 비교가 가능하다.

3. Git과의 연동

VSCode는 Git과도 연동되어,

• 소스 제어 패널에서 변경된 파일 클릭
• 각 커밋 간의 diff 보기
  등의 작업이 GUI로 아주 쉽게 가능하다.
  또한 터미널에서 git diff나 git difftool 명령어를 쓰면 VSCode에서 바로 시각적으로 변경점이 표시된다.

4. 요약

• VSCode는 파일/폴더 비교(diff) 기능을 기본 제공한다.
• 마우스 우클릭, 명령 팔레트, 터미널 등 다양한 방식으로 활용할 수 있다.
• 확장 프로그램 설치 시 폴더 비교 등 추가 기능도 지원한다.
• Git과 연동해 커밋 간 변경점도 쉽게 확인할 수 있다.

---