다음을 통해 공유


Visual Studio용 GitHub Copilot 채팅이란?

Visual Studio의 GitHub Copilot 완성GitHub Copilot 채팅을 사용하면 Visual Studio에서 향상된 AI 지원 개발을 가능하게 하여 코드를 작성할 때 생산성과 효율성을 높일 수 있습니다.

이 문서에서는 Visual Studio IDE 내에서 GitHub Copilot 의 완전히 통합된 AI 기반 채팅 환경인 Visual Studio에서 코필로트 채팅을 사용하는 방법을 알아봅니다. 확장을 사용하면 IDE를 종료하지 않고 구문, 프로그래밍 개념, 컨텍스트별 코드 도움말, 테스트 사례, 디버깅 등과 같은 코딩 정보 및 지원을 얻을 수 있습니다. 채팅 인터페이스를 사용하여 질문을 프롬프트로 제출하고 더 나은 범위의 답변을 위한 의도를 설정합니다 .

Visual Studio의 GitHub Copilot 완성에 대한 자세한 내용은 Visual Studio에 대한 GitHub Copilot 완성 정보를 참조하세요.

Visual Studio에서 코필로트 채팅을 사용하는 이유는 무엇인가요?

부조종사 채팅은 정보에 입각한 의사 결정을 내리고 더 나은 코드를 작성하는 데 도움이 되는 AI 지원을 제공합니다. Visual Studio의 긴밀한 통합을 통해 Copilot Chat은 현재 작업 중인 작업을 이해하고 다음과 같은 개발 작업에 도움이 될 수 있습니다.

필수 구성 요소

Visual Studio용 GitHub Copilot 채팅 가져오기

Visual Studio 버전 17.10 이상을 사용하는 경우 GitHub Copilot 채팅은 통합 GitHub Copilot 환경에 포함됩니다. 확장은 Visual Studio 설치 관리자에서 권장 구성 요소로 사용할 수 있습니다. 코필로트 채팅은 설치 중에 제외하도록 선택하지 않는 한 기본적으로 모든 워크로드와 함께 설치됩니다.

GitHub Copilot는 Visual Studio 구독에 포함되지 않습니다. 대신 GitHub에서 관리하는 별도의 구독입니다. GitHub Copilot 구독 및 지원에 대한 질문은 비즈니스 구독개별 구독에 대한 GitHub 페이지를 참조하세요.

Visual Studio에서 Copilot 채팅 사용

코딩 관련 질문을 자연어로 요청할 수 있습니다. GitHub Copilot Chat은 개발 컨텍스트에서 이러한 질문에 답변합니다.

코필로에게 이러한 질문을 할 수 있는 두 가지 위치는 채팅 창 또는 수정하려는 코드 의 인라인 채팅 입니다. 편집기에서 연 코드 파일을 수정하거나 추가하는 것이 목표인 경우 인라인 채팅 보기가 일반적으로 가장 적합합니다. 보다 일반적인 코딩 질문의 경우 채팅 창이 더 나은 옵션입니다.

코필로트 채팅에서 범위가 지정된 컨텍스트를 사용하여 더 나은 답변을 얻으려면 Copilot 채팅 결과를 개선하는 팁을 참조하세요. 슬래시 명령, 참조, 사용된 원본 및 스레드 사용하는 방법을 알아볼 수 있습니다.

메모

GitHub 코필로트 채팅에는 콘텐츠 제외를 사용할 수 있습니다. 관리자가 제외한 콘텐츠는 채팅의 응답에서 무시됩니다. 자세한 내용은 GitHub Copilot에 대한 콘텐츠 제외 구성을 참조하세요.

채팅 창에서 질문하기

채팅 창에서 질문하고 답변을 확인합니다. 프로그래밍 도움말 및 일반적인 코딩 질문에 이 도구를 사용하는 것이 좋습니다.

  1. Visual Studio에서 보기를 선택하고>GitHub Copilot 채팅를 선택합니다.

  2. 채팅 창의 코필로트 질문 텍스트 상자에 코딩 관련 질문을 입력합니다. Enter 키를 선택하거나 보내기를 선택하여 질문을 합니다.

    코필로트 채팅 창의 스크린샷.

  3. 코필로트 채팅에서 사용하려는 코드 제안을 제공하는 경우 다음과 같은 옵션이 있습니다. 코드 제안을 복사하려면 코드 블록 복사를 선택하고, 새 파일에 코드 제안을 삽입하려면 새 파일에 추가하거나, 현재 코드 파일에 코드 제안을 삽입하려면 적용을 선택합니다. 적용을 선택하면 업데이트되는 내용을 쉽게 확인할 수 있도록 대상 위치의 코드를 미리 볼 수 있습니다.

    코드 블록을 복사하거나, 새 파일에 코드를 삽입하거나, 현재 파일에 코드를 삽입하는 옵션의 스크린샷

    코드 이해에 대한 도움을 요청하는 경우 새 파일 옵션에코드 블록 복사 및 삽입을 사용할 수 없습니다.

    1. 현재 파일에 변경 내용을 추가하도록 선택하면 일반 diff 보기 패턴에 코드 제안이 표시됩니다. 제안된 내용을 검토하고 구체화하고 Tab 키를 선택하여 코드에 적용하거나 Esc를 선택하여 삭제할 수 있습니다.

      편집기 창의 diff 보기에서 코드 제안 스크린샷

    2. 새 파일에 추가를 선택하면 새 파일에 코드 제안이 표시됩니다. 변경 내용은 기본적으로 저장되지 않습니다.

      편집기의 새 파일에 있는 코드 제안 스크린샷

    GitHub Copilot의 코드 참조 기능은 제안이 공용 코드와 일치하는 경우 사용자에게 알릴 수 있습니다. 일치하는 코드, 해당 소스 파일 및 연결된 라이선스 정보를 Visual Studio 내에서 직접 볼 수 있습니다. 그런 다음 제안된 코드를 사용할지 여부에 대해 더 많은 정보를 바탕으로 결정을 내릴 수 있습니다.

    공용 코드를 참조하는 코드의 스크린샷

채팅 창에서 질문하기

채팅 창에서 질문하고 답변을 확인합니다. 프로그래밍 도움말 및 일반적인 코딩 질문에 이 도구를 사용하는 것이 좋습니다.

  1. Visual Studio에서 보기를 선택하고>GitHub Copilot 채팅를 선택합니다.

  2. 채팅 창의 코필로트 질문 텍스트 상자에 코딩 관련 질문을 입력합니다. Enter 키를 선택하거나 보내기를 선택하여 질문을 합니다.

    코필로트 채팅 창의 스크린샷.

    GitHub Copilot 채팅 탐색을 시작하려면 Visual Studio 2022 버전 17.12 이상에서 시작 프롬프트 예제 및 프롬프트 라이브러리(책 아이콘)를 사용합니다.

  3. 코필로트 채팅에서 사용하려는 코드 제안을 제공하는 경우 다음과 같은 옵션이 있습니다. 코드 제안을 복사하려면 코드 블록 복사를 선택하고, 새 파일에 삽입하여 새 파일에 코드 제안을 삽입하거나, 미리 보기를 선택하여 현재 코드 파일에 코드 제안을 삽입합니다. 미리 보기를 선택하면 업데이트되는 내용을 쉽게 확인할 수 있도록 대상 위치에서 코드를 미리 볼 수 있습니다.

    코드 블록을 복사하거나, 새 파일에 코드를 삽입하거나, 코필로트 채팅의 코드 제안에 대한 코드를 미리 보는 옵션의 스크린샷

    코드 이해에 대한 도움을 요청하는 경우 새 파일 옵션에코드 블록 복사 및 삽입을 사용할 수 없습니다.

    1. 미리 보기를 선택하면 Visual Studio의 일반 diff 보기 패턴에 코드 제안이 표시됩니다. 제안된 내용을 검토하고 구체화한 다음, 수락을 선택하여 코드를 적용하거나 취소를 선택하여 제안을 거부할 수 있습니다.

      편집기 창의 diff 보기에서 코드 제안 스크린샷

    2. 새 파일에서 삽입을 선택하면 새 파일에 코드 제안이 표시됩니다. 파일은 기본적으로 저장되지 않습니다.

      편집기의 새 파일에 있는 코드 제안 스크린샷

    이제 Visual Studio 2022 버전 17.12에는 GitHub Copilot 참조하는코드가 포함됩니다. GitHub Copilot의 이 기능은 제안이 공용 코드와 일치하는 경우 사용자에게 알릴 수 있습니다. 일치하는 코드, 해당 소스 파일 및 연결된 라이선스 정보를 Visual Studio 내에서 직접 볼 수 있습니다. 그런 다음 제안된 코드를 사용할지 여부에 대해 더 많은 정보를 바탕으로 결정을 내릴 수 있습니다.

    공용 코드를 참조하는 코드의 스크린샷

인라인 채팅 보기에서 질문하기

질문을 하고 편집기 창 자체의 코드와 함께 답변을 인라인으로 볼 수 있습니다. 인라인 채팅을 사용하면 채팅 창으로 앞뒤로 이동할 필요가 없습니다. 현재 열려 있는 코드 파일에 추가하거나 업데이트하는 질문에 대해 Copilot를 사용하는 것이 좋습니다.

  1. Visual Studio에서 편집기 자체에서 Copilot 채팅의 인라인 채팅 보기를 표시하려면 편집기 창을 마우스 오른쪽 단추로 클릭하고 채팅을 선택합니다.

    상황에 맞는 메뉴에서 편집기에서 인라인 채팅을 사용하도록 설정하는 방법의 스크린샷

  2. 코필로트 질문 텍스트 상자에 코딩 관련 질문을 입력한 다음 Enter 키를 선택하거나 보내기를 선택하여 질문을 합니다.

    편집기 창의 인라인 채팅 인터페이스 스크린샷

  3. diff 보기에 코필로트 채팅의 코드 제안이 표시됩니다. 제안되는 내용을 검토하고 구체화할 수 있습니다. 코드에 제안을 적용하려면 Tab 키를 선택합니다. 제안을 취소하려면 Esc를 선택합니다.

    Visual Studio diff 보기의 코드 제안 스크린샷

  4. 채팅 스레드를 인라인 채팅에서 채팅 창으로 승격하려면>을 채팅에 추가를 선택할 수 있습니다. 이 기능은 대화의 레코드와 컨텍스트를 유지하며 채팅 창에서 계속할 수 있습니다.

    채팅 창에서 인라인 채팅 스레드를 계속하는 방법의 스크린샷

  5. Esc를 선택하여 인라인 채팅 보기를 닫습니다.

  1. Visual Studio에서 편집기 자체에서 Copilot 채팅의 인라인 채팅 보기를 표시하려면 편집기 창을 마우스 오른쪽 단추로 클릭하고 코필로에게 물어보기를 선택합니다.

    상황에 맞는 메뉴에서 편집기에서 인라인 채팅을 사용하도록 설정하는 방법의 스크린샷

  2. 코필로트 질문 텍스트 상자에 코딩 관련 질문을 입력한 다음 Enter 키를 선택하거나 보내기를 선택하여 질문을 합니다.

    편집기 창의 인라인 채팅 인터페이스 스크린샷

  3. diff 보기에 코필로트 채팅의 코드 제안이 표시됩니다. 제안되는 내용을 검토하고 구체화할 수 있습니다. 코드에 제안을 적용하려면 수락을 선택합니다. 제안을 취소하려면 취소를 선택합니다.

    Visual Studio diff 보기의 코드 제안 스크린샷

  4. 채팅 창에서 계속을 선택하여 인라인 채팅 스레드를 채팅 창으로 전환할 수 있습니다. 이 기능은 대화의 레코드와 컨텍스트를 유지하며 채팅 창에서 계속할 수 있습니다.

    채팅 창에서 인라인 채팅 스레드를 계속하는 방법의 스크린샷

  5. Esc를 선택하여 인라인 채팅 보기를 닫습니다.

채팅 프롬프트에 이미지 첨부

Visual Studio 17.14 이상을 사용하면 채팅에서 이미지를 첨부하여 상황별 입력을 추가하고 더 나은 응답을 생성할 수 있습니다.

프롬프트에 이미지를 연결하려면 클립보드에서 이미지를 붙여넣거나 채팅 입력에서 아이콘을 선택합니다 ➕. 그런 다음 이미지 업로드 를 선택하여 파일 탐색기에서 이미지를 업로드합니다. 코파일럿은 이미지를 분석하고 이를 더 많은 컨텍스트로 사용하여 더 나은 응답을 생성합니다.

Copilot 채팅에서 이미지를 첨부하는 방법의 스크린샷

이 기능은 Copilot가 UI 개발에 도움을 주는 경우 유용할 수 있습니다(예: 디자인 이미지를 첨부하는 경우). 이 기능은 디버깅에도 유용합니다(예: 오류 스크린샷을 첨부).

PNG, JPEG 및 GIF(단일 프레임에만 해당)의 이미지 형식을 사용합니다. 프롬프트당 최대 3개의 이미지를 연결할 수 있습니다.

Markdown 콘텐츠 미리 보기

Visual Studio Markdown 편집기에서 코필로트 채팅에서 생성된 모든 Markdown 콘텐츠를 직접 미리 볼 수 있습니다.

Markdown 콘텐츠에 대한 코필로트 채팅 창의 미리 보기 단추 스크린샷

코필로트 채팅에서 Markdown 콘텐츠를 생성하는 경우 채팅 창의 오른쪽 위 모서리에 있는 미리 보기 단추를 선택하여 렌더링된 미리 보기를 확인합니다. 여기에서 필요에 따라 Markdown 콘텐츠를 편집하고 저장할 수 있습니다. 이 기능은 수동으로 복사하고 붙여넣지 않고 Markdown 파일을 빠르게 시각화하고 작업하려는 경우에 유용합니다.

인어 다이어그램 생성

코필로트 채팅은 아키텍처, 순서도, 시퀀스, 클래스, Gantt 및 원형 차트를 비롯한 다양한 인어 다이어그램을 생성할 수 있습니다. 그런 다음 편집기에서 직접 복잡한 데이터 구조 및 워크플로를 시각화할 수 있습니다.

예를 들어 다음 프롬프트 중 하나 이상을 사용할 수 있습니다.

  • "API 호출 흐름에 대한 시퀀스 다이어그램을 만듭니다."
  • "이 스키마의 엔터티 간 관계를 시각화합니다."
  • "작업의 수명 주기에 대한 인어 상태 다이어그램을 만듭니다."
  • 프로젝트에 처음 참여하므로, 주요 구성 요소와 그 관계를 시각화하여 온보딩에 도움을 주십시오.

채팅의 인어 다이어그램 구문 스크린샷

Copilot는 코드베이스에서 연결된 참조 및 관련 파일을 사용하여 컨텍스트를 수집한 다음 채팅 창에서 인어 구문을 반환합니다. 미리 보기를 선택하여 새 Markdown 파일을 열고 다이어그램을 봅니다. 나중에 사용할 수 있는 Markdown 또는 렌더링된 차트를 저장하거나 공유할 수 있습니다.

인어공주 다이어그램 렌더링 스크린샷

팁 (조언)

Markdown 미리 보기 컨트롤을 사용하여 미리 보기 모드 간을 전환하고 복잡한 인어 다이어그램을 확대할 수 있습니다.