GitHub Copilot Chat 사용하여 코드 생성

Visual Studio Code GitHub Copilot 다음 채팅 인터페이스를 지원합니다.

• 채팅 보기는 언제든지 도움을 줄 수 있는 AI 도우미를 제공합니다.

• 빠른 채팅 창을 사용하여 빠른 질문을 한 다음 현재 작업으로 돌아갈 수 있습니다.

• 코딩하는 동안 컨텍스트 상호 작용을 위해 인 라인 채팅 인터페이스가 편집기에서 직접 열립니다.

채팅 보기와 빠른 채팅 창에서는 AI와의 대화형 멀티 턴을 사용할 수 있습니다. 이 두 인터페이스는 모두 질문하고, 코딩 문제에 대한 도움을 얻고, 코드를 생성할 수 있는 수단을 제공합니다. 채팅 보기는 전체 채팅 환경을 제공하는 보다 강력한 인터페이스이며 빠른 채팅 창은 빠른 상호 작용을 위해 설계되었습니다.

인라인 채팅 인터페이스는 코딩하는 동안 상황에 맞는 도움말 및 코드 제안을 제공하도록 설계되었습니다. 인라인 채팅 인터페이스는 편집기에서 사용할 수 있으며, 이를 통해 질문을 하고 특정 코드 조각에 대한 도움을 받을 수 있습니다.

채팅 보기를 사용하여 코드 생성

채팅 보기는 사용자와 AI 쌍 프로그래머 간의 대화를 위한 관리되는 환경을 제공합니다. 채팅 보기를 사용하여 질문을 하고, 코딩 문제에 대한 도움을 받고, 코드를 생성할 수 있습니다. 채팅 보기는 인라인 채팅 인터페이스보다 더 대화적이고 상호작용적인 경험으로 설계되었습니다.

기본적으로 채팅 보기는 Visual Studio Code 창의 오른쪽에 있는 보조 사이드바에 있습니다.

채팅 세션을 시작할 때 세 가지 선택 항목은 AI가 응답하는 방식을 형성합니다.

• 에이전트 유형: 에이전트가 실행되는 위치를 결정합니다. 채팅 보기의 에이전트 대상 드롭다운에서 유형을 선택합니다. 로컬을 선택하여 작업 영역, 도구 및 모델에 대한 모든 권한이 있는 편집기에서 에이전트를 대화형으로 실행합니다. 다른 옵션으로는 Copilot CLI, 클라우드 및 타사 공급자가 포함됩니다.
• 에이전트: AI의 역할 또는 가상 사용자를 결정합니다. 채팅 보기의 에이전트 선택기에서 에이전트 를 선택합니다. 세 가지 기본 제공 로컬 에이전트는 Ask, Plan 및 Agent입니다.
• 사용 권한 수준: 에이전트가 도구 및 터미널 명령을 호출하기 위해 가지고 있는 자율성을 제어합니다. 옵션은 기본 승인, 바이패스 승인 및 자동 제어입니다.

Ask 에이전트를 사용하여 코드 생성

Ask 에이전트는 코드 구현을 제안하기 전에 코드를 분석하고 새 기능에 대한 옵션을 조사할 수 있도록 설계되었습니다. Ask 에이전트를 사용하는 경우 GitHub Copilot 질문에 대한 답변을 제공하고 코딩 문제 또는 새로운 기능에 도움이 될 수 있는 대화형 도우미 역할을 합니다.

1. 채팅 보기를 열고 에이전트 선택기에서 Ask 를 선택합니다.

2. 채팅에 컨텍스트를 추가합니다.

   Ask 에이전트는 채팅 참가자, 슬래시 명령 및 채팅 변수를 지원합니다. 채팅에 추가하여 #codebase 파일 또는 폴더와 함께 컨텍스트를 제공할 수 있습니다.

3. 구현하려는 새 기능을 평가하는 데 도움이 되는 질문을 합니다.

   예를 들어 GitHub Copilot 새 기능을 구현하는 방법 또는 특정 라이브러리를 사용하는 방법을 이해하는 데 도움이 되도록 요청할 수 있습니다.

   • 로그인 페이지를 추가하려면 어떻게 해야 하나요?
   • React 사용에 대한 모범 사례는 무엇인가요?
   • 라이브러리를 @mui/material 사용하려면 어떻게 해야 하나요?

4. 구현하려는 코드 기능을 설명하는 프롬프트를 생성합니다.

   프롬프트에는 구현하려는 코드 기능에 대한 설명이 포함되어야 합니다. 다음은 그 예입니다.

   Create the code to obtain a book title. Prompt the user to "Enter a book title to search for". Read the user input and ensure the book title isn't null.
   

5. 채팅 보기에서 제안된 코드를 검토합니다.

   채팅 보기에 표시되는 응답에는 기능을 구현하는 데 사용할 수 있는 코드 조각이 포함되어야 합니다. 더 많은 프롬프트를 입력하여 코드를 구체화하거나 자세한 내용을 요청할 수 있습니다.

6. 제안된 코드를 구현하려면 마우스 포인터를 코드 조각 위로 마우스로 가리킨 다음 적용, 삽입 및 복사 옵션 중에서 선택할 수 있습니다.

   • 적용: 편집기에서 현재 파일에 코드 제안을 적용합니다.
   • 삽입: 편집기에서 현재 커서 위치에 코드 제안을 삽입합니다.
   • 복사: 코드 제안을 클립보드에 복사합니다.

   

7. 필요한 경우 더 많은 프롬프트를 사용하여 새 기능을 계속 반복하고 구체화합니다.

코딩하기 전에 계획 에이전트를 사용하여 계획

플랜 에이전트는 코드를 작성하기 전에 작업을 연구하고 계획하는 데 도움이 되도록 설계되었습니다. 계획 에이전트를 사용하는 경우 GitHub Copilot 코드베이스를 분석하고, 명확한 질문을 하고, 구조화된 단계별 구현 계획을 만듭니다. 계획이 완료되면 구현 에이전트에 전달할 수 있습니다.

1. 채팅 보기를 열고 에이전트 선택기에서 계획을 선택합니다.

2. 채팅에 컨텍스트를 추가합니다.

   계획 에이전트는 읽기 전용 도구 및 코드베이스 분석을 사용하여 작업을 조사합니다. 채팅에 파일 및 폴더를 추가하여 추가 컨텍스트를 제공할 수 있습니다.

3. 계획하려는 작업을 설명하는 프롬프트를 생성합니다.

   프롬프트에는 구현하려는 기능 또는 작업에 대한 설명이 포함되어야 합니다. 다음은 그 예입니다.

   
   Implement a user authentication system with OAuth2 and JWT.
   
   

4. 플랜 에이전트가 묻는 명확한 질문에 답변합니다.

   계획 에이전트는 작업을 조사하고 계획을 작성하기 전에 모호성을 해결하기 위해 질문을 할 수 있습니다.

5. 제안된 계획을 검토합니다.

   계획 에이전트는 대략적인 요약, 구현 단계 분석, 확인 기준 및 문서화된 결정을 제공합니다. 피드백을 제공하여 계획을 반복할 수 있습니다.

6. 계획이 완료되면 단추를 사용하여 구현을 시작하거나 편집기에서 계획을 열어 추가 검토를 진행합니다.

   동일한 채팅 세션에서 계획을 구현하도록 선택하거나 백그라운드 또는 클라우드 에이전트 세션을 시작하여 구현을 자율적으로 작업하도록 선택할 수 있습니다.

에이전트를 사용하여 코드 생성

에이전트 모드에서 GitHub Copilot 사용하는 경우 GitHub Copilot 사용자 대신 조치를 취할 수 있는 자율 에이전트 역할을 합니다. GitHub Copilot 특정 작업을 수행하도록 요청할 수 있으며 요청에 따라 코드를 생성합니다.

1. 채팅 보기를 열고 에이전트 선택기에서 에이전트 를 선택합니다.

2. GitHub Copilot 수행할 작업을 설명하는 프롬프트를 생성합니다.

   예를 들어 GitHub Copilot 새 기능을 생성하거나 완전히 새로운 앱을 만들도록 요청할 수 있습니다.

   • React 및 Node.js 사용하여 식사 계획 웹앱 만들기
   • 소셜 미디어 공유 기능 추가
   • 현재 인증을 OAuth로 바꾸기

3. 에이전트는 여러 도구를 호출하여 다른 작업을 수행할 수 있습니다. 필요에 따라 도구 아이콘을 선택하여 요청에 응답하는 데 사용할 수 있는 도구를 구성합니다.

4. 도구 호출 및 터미널 명령을 확인합니다.

   GitHub Copilot 터미널 명령 또는 기본 제공되지 않은 도구를 실행하기 전에 확인을 계속하도록 요청합니다. GitHub Copilot 컴퓨터에서 로컬로 도구가 실행되고 파일 또는 데이터를 수정하는 작업을 수행할 수 있으므로 확인을 요청합니다.

5. GitHub Copilot 코드 편집 및 터미널 명령에서 문제 및 문제를 검색하고 이를 해결하기 위한 작업을 반복하고 수행합니다.

6. GitHub Copilot에서 요청 처리 시, 이는 편집기에서 직접 인라인 차이(diffs) 형식으로 제안된 코드 편집 사항을 스트리밍합니다.

7. 제안된 편집 내용을 검토하고 수락하거나 삭제합니다.

   변경된 파일을 열어 편집기에서 diff 오버레이를 확인합니다. 편집기 오버레이 컨트롤을 사용하여 변경 내용 간을 탐색하고 개별 편집에 대해 유지 또는 실행 취소 를 선택합니다. 또는 소스 제어 보기에서 변경 내용을 준비하면 보류 중인 모든 편집 내용이 자동으로 수락됩니다.

8. 필요한 경우 더 많은 프롬프트를 사용하여 새 기능을 계속 반복하고 구체화합니다.

인라인 채팅 세션을 사용하여 코드 생성

인라인 채팅 세션을 사용하여 코드를 분석하고 생성할 수 있습니다. 인라인 채팅 인터페이스는 코드 편집기에서 파일이 열려 있는 경우에만 액세스할 수 있습니다. 선택한 코드를 분석하거나 프롬프트에 따라 새 코드를 만드는 데 사용할 수 있습니다.

1. 편집기에서 파일을 엽니다.

2. Ctrl+I 바로 가기 키를 사용하거나 제목 표시줄의 채팅 메뉴에서 인라인 채팅 열기를 선택하여 인라인 채팅 세션을 엽니다.

   인라인 채팅 세션이 편집기에서 커서 위치에서 열립니다.

3. 편집기에서 코드 블록을 선택합니다.

   선택한 코드는 프롬프트의 컨텍스트로 사용됩니다. 코드를 선택하지 않으면 프롬프트에서 전체 파일을 컨텍스트로 사용합니다.

4. 채팅 입력 필드에 프롬프트를 입력합니다.

   다음은 그 예입니다.

   Update selection to include an option for the `CommonActions.SearchBooks` action. Use the letter "b" and the message "to check for book availability".
   

5. 코드 업데이트 제안은 편집기에서 diff로 표시됩니다.

6. 제안된 코드 업데이트를 검토한 다음 변경 내용을 적용하거나 취소합니다.

   

7. 필요한 경우 더 많은 프롬프트를 사용하여 새 기능을 계속 반복하고 구체화합니다.

요약

GitHub Copilot Chat 코드를 생성하고 코딩 작업을 지원하기 위한 강력한 도구 집합을 제공합니다. 채팅 보기, 빠른 채팅 창 및 인라인 채팅 세션은 모두 AI 쌍 프로그래머와 상호 작용하고 코딩 문제에 대한 도움을 받을 수 있는 다양한 방법을 제공합니다. 이러한 도구를 효과적으로 사용하면 코딩 생산성과 효율성을 향상시킬 수 있습니다.