다음을 통해 공유


Visual Studio에서 코드 스테이징하기

대화형 스테이징라고도 하는 라인 스테이징 지원은 Visual Studio 2022 버전 17.3 이상에서 사용할 수 있습니다. 줄 스테이징을 사용하면 코드 편집기에서 바로 파일의 변경 내용을 준비할 수 있습니다. 다른 커밋 간에 변경 내용을 분할하려는 경우에도 줄 스테이징이 유용할 수 있습니다.

Visual Studio 2022의 Git 라인 스테이징 지원 예제 스크린샷

Visual Studio 2022 버전 17.6시작하여 마우스 가리키기 옵션을 사용하여 변경 내용을 한 줄씩 수 있습니다.

Visual Studio 2022에서 Git에 대한 변경 내용을 스테이징 해제하는 방법의 예제 스크린샷

색으로 구분된 여백을 사용하여 단계적으로 준비된 변경 내용을 확인하기

줄 스테이징 지원에 대해 가장 먼저 알 수 있는 것은 편집기에서 스크롤 막대 및 여백에서 Git 변경 내용을 시각화하는 방법입니다.

Visual Studio 2022 편집기의 색 여백 스크린샷

색과 주석을 사용하면 추가, 삭제 또는 수정한 저장되지 않은 변경 내용과 저장되지 않은 변경 내용을 쉽게 구분할 수 있습니다.

Visual Studio 2022의 차별화된 색 여백 및 주석이 추가된 색 여백 예제 스크린샷

색 여백 설정하기

Visual Studio에서 표시하는 색을 변경하여 변경 내용을 관리할 수 있습니다. 도구>옵션 대화 상자에서 환경>글꼴 및 색 섹션으로 이동하여 다음 표시 항목 옵션을 구성합니다.

  • 소스 제어 있는 문서의 추가 내용 추적
  • 소스 제어 하에 있는 문서의 삭제 추적
  • 소스 제어 있는 문서의 수정 내용 추적

Visual Studio에서 소스 제어에 사용하는 색을 변경할 수 있는 옵션 대화 상자의 스크린샷

준비된 변경 사항을 차이 보기로 확인하기

색 여백은 대화형입니다. 색 여백을 선택하면 Visual Studio에서 컨텍스트를 전환하지 않고 편집기에서 변경 내용을 볼 수 있는 차이점 UI(사용자 인터페이스)를 엽니다. 차이점 보기 UI는 추가 및 제거된 줄 수를 요약하고, 위와 아래 화살표를 사용하여 변경 사항 간에 쉽게 전환할 수 있게 합니다.

Visual Studio에서 소스 제어 관련 기능을 제공하는 '살펴보기 차이점(Peek Difference)' 사용자 인터페이스의 스크린샷

변경된 코드 줄을 마우스 오른쪽 버튼으로 클릭할 때 '차이점 미리 보기' 기능에 액세스할 수도 있습니다. 상황에 맞는 메뉴에서 Peek Difference 선택하거나 Alt+F8 바로 가기 키를 사용할 수 있습니다.

Visual Studio의 오른쪽 클릭 컨텍스트 메뉴 스크린샷으로, 여기에서 차이점 미리보기를 선택할 수 있습니다.

메모

인라인 차이 보기를 선호하는 경우 Diff 편집기의 오른쪽 위 모서리에 있는 설정 컨트롤을 사용하여 인라인 모드전환할 수 있습니다.

기어 아이콘에서 사용할 수 있는 Diff 옵션의 스크린샷. 여기서 '인라인 모드' 옵션을 선택할 수 있습니다.

피크 차이 설정 구성

Visual Studio가 차이점 미리보기 UI에서 코드 변경과 상호 작용하는 방식을 수정할 수 있어요. 도구>옵션>텍스트 편집기>고급 페이지에서 클릭하여 여백 피킹 인 옵션을 사용할 수 있습니다.

'여백을 엿보려면 클릭' 텍스트 편집기 설정의 스크린샷

기본 한 번 클릭 설정을 두 번 클릭으로 변경하거나, 없음 을 선택하여 Peek Difference UI를 비활성화할 수 있습니다.

단계별로 코드를 준비하다

Peek Difference UI를 사용하여 코드 블록을 스테이징할 수 있습니다. 스테이지 변경 위로 마우스를 가져가서 스테이지 변경을 선택합니다. 문서에 대한 변경 내용을 모든 스테이징하려는 경우 전역 스테이지 작업을 사용할 수 있습니다.

Visual Studio 2022의 스테이지 변경 옵션 스크린샷

메모

전체 화면 차이 보기를 선호하는 경우, Diff 편집기로 전환하기 위해 Peek Difference UI오른쪽 위에 있는 문서 승격 아이콘을 사용하거나 Ctrl+Alt+Home 키보드 바로 가기를 사용할 수 있습니다. 차이 피킹 UI에서 제공하는 모든 기능은 Diff 편집기에서도 사용할 수 있습니다. 다음 이미지는 Diff 편집기 보기를 보여줍니다.

Visual Studio 2022의 스테이지 변경 차이 보기 스크린샷

스테이징 컨트롤 표시 단추를 클릭하여 차이 보기에서 스테이징 컨트롤을 사용하거나 사용하지 않도록 설정할 수 있습니다.

준비된 변경 내용 커밋

원하는 변경 내용을 검토하고 준비하여 커밋을 준비한 후 Git 변경 내용 창을 사용하여 커밋을 만들 수 있습니다. 커밋 메시지를 입력하고 커밋 스테이징을 선택하여 프로세스를 완료합니다.

Visual Studio 2022의 Git 변경 내용 대화 상자 스크린샷