때로는 코딩이 복잡한 퍼즐을 푸는 것처럼 느껴질 수도 있습니다. 때로는 그 퍼즐이 '차이점을 찾아내는 것'으로 귀결되기도 합니다. Visual Studio Code(VS Code)를 사용하면 몇 가지 간단한 단계를 통해 두 파일의 내용을 우아하게 비교할 수 있습니다. 이 가이드에서는 VS Code에서 서로 다른 두 파일을 비교하는 것이 얼마나 쉬운지 보여줍니다. 코딩을 훨씬 더 편리하게 만들어 줄 수 있는 다른 멋진 기능도 있을 것입니다.
VS Code에서 두 파일 비교
두 파일의 내용을 비교하기 전에 Visual Studio Code에서 두 파일을 모두 열어야 합니다. 시스템의 파일에 대해 이를 수행하는 방법은 다음과 같습니다.
- VS Code에서 비교하려는 두 파일을 모두 엽니다. 그렇게 하려면 왼쪽 탐색기 패널에서 파일을 클릭하세요.
- 비교하려는 첫 번째 파일의 탭을 마우스 오른쪽 버튼으로 클릭하세요.
- 팝업되는 마우스 오른쪽 버튼 클릭 메뉴에서 비교를 위해 선택 옵션을 선택합니다.
- 화면 오른쪽에서 보려는 두 번째 파일의 탭을 마우스 오른쪽 버튼으로 클릭하세요.
- 차이점을 보려면 '선택한 항목과 비교'를 선택하세요.
마찬가지로 저장되지 않은 파일과 편집기를 비교할 수 있습니다. 첫 번째 편집기를 선택하고 '비교를 위해 선택'을 클릭한 다음 두 번째 편집기에서 '선택한 항목과 비교'를 클릭합니다.
다양한 Git 버전 비교
다양한 Git 저장소 버전을 비교하는 것은 자신의 컴퓨터에 있는 파일을 비교하는 것과 약간 다릅니다. 다음과 같은 방법으로 할 수 있습니다:
- 탐색기 보기로 이동합니다.
- Git 버전 기록을 통해 탐색하려는 파일을 선택하세요.
- 타임라인 보기를 클릭하여 확장하고 'Git 파일 기록 보기'를 클릭하세요.
- Git 커밋을 클릭하여 파일이 어떻게 변경되었는지 확인하세요.
두 폴더 비교
VS Code의 파일 비교에만 국한되지 않습니다. 두 폴더의 내용을 비교하는 방법은 다음과 같습니다.
Windows 10에서 RAM 유형 ddr3 또는 ddr4를 확인하는 방법
- 확장 콘솔에서 “Diff Folders” 확장을 찾아서 다운로드하세요.
- 메뉴에서 Diff 폴더 보기를 엽니다.
- 비교하려는 폴더를 선택하세요.
- “비교”를 클릭하면 이제 내용이 표시됩니다.
차이점 발견
비교할 VS Code용 파일 두 개를 선택하면 편집기에서 차이점이 강조 표시됩니다. 이렇게 하면 코드에서 변경된 내용을 빠르게 알 수 있습니다. 도구 모음의 화살표를 사용하여 변경 사항을 탐색하세요. 이 시점에서 변경 사항을 분석하고, 디버깅하고, 유지하거나 삭제할 항목을 결정할 수 있습니다.
변경 사항 병합
한 파일에 변경 사항을 다른 파일에 통합하고 싶은 경우 이를 수행하는 쉬운 방법이 있습니다. 여러분이 해야 할 일은 도구 모음에서 병합 아이콘을 찾아 클릭하여 두 파일을 병합하는 것뿐입니다.
Diff 뷰어 설명
Visual Studio Code에는 사용자가 동일한 파일의 두 버전 또는 완전히 다른 두 파일을 비교할 수 있는 강력한 차이 뷰어가 숨겨져 있습니다. 이 도구는 단순히 무언가를 나란히 보는 것이 아니라 편리한 하이라이트를 통해 눈 깜짝할 사이에 무엇이 변경되었는지 쉽게 알 수 있도록 해줍니다.
파일에서 항목이 제거되면 왼쪽에는 밝은 빨간색 배경이, 오른쪽에는 각진 패턴이 나타납니다. 두 번째 파일에 추가된 내용이 있는 경우(두 번째 파일로 새 파일을 선택하든 이전 파일을 선택하든 관계없이) 왼쪽에서 각진 패턴을 찾고 오른쪽에서 굵은 녹색 배경을 찾으세요. 선의 일부만 수정되면 연한 빨간색과 녹색 배경이 표시되므로 변경 사항이 발생한 위치를 놓치지 않을 수 있습니다. 이렇게 하면 차이점을 빠르게 발견하고 원하는 변경 사항을 결정할 수 있습니다.
프로그래밍 언어 인식 차이
Visual Studio Code의 diff 뷰어는 효과적인 줄별 접근 방식을 사용하여 파일을 비교하고 변경된 문자를 강조 표시합니다. 이는 Notepad++ 및 비교 플러그인과 같은 도구를 사용해 본 적이 있다면 친숙할 수 있는 검증된 방법입니다. 그러나 선택적 세미콜론이나 줄바꿈을 허용하는 프로그래밍 언어는 차이점이 상당히 시끄럽고 사소한 편집이 화면을 뒤덮기 때문에 이 시스템에 문제가 될 수 있습니다.
이 문제를 해결하기 위해 단순히 텍스트를 비교하는 것 이상을 살펴보고 파일의 코드를 구문 분석하여 컴파일러 표현을 평가하는 SemanticDiff라는 확장 기능이 있습니다. 이렇게 하면 프로그램에 영향을 주지 않는 작은 변경 사항을 확인하고 대신 이동된 코드를 직접 식별하는 동시에 차이점에서 중요한 사항에 대한 훨씬 더 명확한 전망을 제공할 수 있습니다. 코딩 언어의 복잡성을 이해하는 유능한 편집자를 갖는 것과 비슷합니다. 중요하지 않은 측면을 필터링하고 코드가 컴파일되면 실질적인 차이를 만드는 조정 사항을 제시합니다.
코드 변경 사항에 대해 더 많은 통찰력을 얻으려면 VS Code 마켓플레이스에서 SemanticDiff를 설치하고 스마트 비교 모드로 전환하여 코드의 차이점을 더 정확하게 확인하세요.
Steam에서 영재 게임을 환불하는 방법
찾기 및 바꾸기
비교와 함께 파일 내에서 또는 여러 파일에서 특정 텍스트를 검색하는 것도 자주 수행하게 될 또 다른 작업입니다. VS Code의 찾기 및 바꾸기 기능은 다음과 같은 여러 고급 옵션을 통해 강력합니다.
- 현재 파일 내에서 검색하려면 Ctrl+F를 눌러 편집기에서 찾기 위젯을 엽니다. 결과 사이를 이동하고 선택 항목에서 검색 문자열을 시드할 수도 있습니다.
- 찾기 위젯에서 세 줄(햄버거) 아이콘을 클릭하거나 “editor.find.autoFindInSelection”을 “always” 또는 “multiline”으로 설정하여 선택한 텍스트에 대해 찾기 작업을 실행합니다.
- 텍스트를 입력 찾기 상자로 구문 분석하여 여러 줄의 텍스트를 검색할 수 있습니다. 찾기 위젯의 크기를 조정할 수도 있습니다.
- 현재 열려 있는 폴더의 모든 파일을 검색하려면 Ctrl+Shift+F를 누르세요. 고급 검색 옵션과 glob 패턴 구문을 사용할 수 있습니다.
- 대소문자 일치, 전체 단어 일치, 정규 표현식 및 대소문자 보존은 찾기 및 바꾸기를 위한 고급 옵션 중 일부입니다.
파일 전체 검색
프로젝트 내의 여러 파일에서 특히 무엇인가를 찾고 있다면 VS Code가 있습니다. Ctrl+Shift+F를 사용하면 현재 폴더의 모든 파일을 빠르게 검색할 수 있습니다. 결과는 쿼리가 포함된 파일로 분할됩니다. 창의력을 발휘하고 정규식 검색을 사용하여 보다 구체적인 결과를 얻을 수도 있습니다.
다른 기능과 파일 비교 통합
VS Code 내 diff 도구의 강력한 기능은 파일 비교 그 이상입니다. 이는 많은 통합 코딩 가능성을 열어줍니다. 자동 저장, 핫 종료, 고급 검색 등의 기능을 통합함으로써 하나의 프로젝트에서 원활하게 작업하면서 다양한 파일 버전을 비교하고 여러 파일에서 특정 기능을 검색할 수 있습니다.
또한 변경 사항이 유지된다는 절대적인 확신을 가지고 구성 파일을 수정할 수 있습니다. 애플리케이션이 닫혀도 저장되지 않은 변경 사항에 대해 걱정할 필요가 없습니다. Hot Exit는 모든 것을 기억합니다. 이러한 모든 기능을 결합하면 모든 파일 버전과 변경 사항을 완벽하게 제어할 수 있습니다.
케어와 비교
일부 코딩 작업은 다른 코딩 작업보다 더 천박하고 지루해 보일 수 있으며 두 파일을 비교하는 것도 그러한 작업 중 하나입니다. 그러나 다양한 데이터 유형을 비교하는 VS Code의 diff 도구와 방법을 사용하면 더 쉽고 즐겁게 작업할 수 있습니다. 보기 쉬운 하이라이트를 통해 두 파일 간의 모든 변경 사항을 안내하고 다양한 코드 버전을 실험할 수 있습니다. 이 모든 기능은 디버깅, 분석 및 버전 제어에 탁월합니다.
귀하의 프로젝트에서는 엄격한 버전 관리와 빈번한 파일 비교가 필요합니까? 코드 비교 방법에 관한 팁이나 요령이 있습니까? 아래 댓글로 여러분의 생각과 통찰력을 공유해 주세요.
