VS Code에서 Copilot 채팅 사용하기
Visual Studio Code의 GitHub Copilot 채팅 확장 프로그램을 통해 AI 기반 채팅으로 코드를 생성하고, 코드 이해도를 높이며, 에디터를 구성할 수 있습니다. 문서나 온라인 포럼에서 답을 찾는 대신, VS Code에서 직접 Copilot 채팅에 질문하고 코딩하는 동안 코드 제안을 받을 수 있습니다.
Copilot 채팅은 개발 과정에 통합되어 필요한 곳에서 도움을 제공합니다:
- 인라인 채팅: 에디터에서 직접 채팅 대화를 시작하고 코딩하는 동안 인라인 제안을 받습니다
- 채팅 화면: 질문에 답하고 코드 제안을 제공하는 AI 어시스턴트를 옆에 둡니다
- 빠른 채팅: 빠른 질문을 하고 하던 일로 돌아갑니다
프로젝트의 여러 파일을 수정하려는 경우 Copilot 편집을 사용하는 것이 좋습니다. 기존 채팅 대화를 Copilot 편집으로 쉽게 이동할 수 있습니다.
Copilot 구독이 아직 없다면 Copilot Free 플랜에 가입하여 무료로 Copilot을 사용할 수 있으며, 매월 제한된 수의 완성 및 채팅 상호작용을 제공받을 수 있습니다.
Copilot 채팅 사용 사례
Copilot 채팅을 다음과 같은 다양한 개발 시나리오에서 사용할 수 있습니다:
- 코딩 및 기술 주제에 대한 질문 답변하기 ("What is a linked list?", "top 10 popular web frameworks")
- 문제를 가장 잘 해결하는 방법에 대한 코딩 질문 답변하기 ("How to add auth to my project?")
- 다른 사람의 코드를 설명하고 개선 사항 제안하기 ("@workspace /explain", "What does this code do?")
- 코드 수정 제안하기 ("@workspace /fix", "This method gives a FileNotFoundException")
- 단위 테스트 케이스 생성하기 ("@workspace /tests")
- 코드 문서 생성하기 ("/doc")
전제 조건
-
GitHub Copilot 확장 프로그램을 설치하세요.
-
GitHub 계정으로 로그인하여 Copilot을 사용하세요.
팁Copilot 구독이 아직 없다면 Copilot Free 플랜에 가입하여 무료로 Copilot을 사용할 수 있으며, 매월 제한된 수의 완성 및 채팅 상호작용을 제공받을 수 있습니다.
Copilot 채팅 시작하기
채팅 열기
VS Code 커맨드 센터의 Copilot 채팅 메뉴를 사용하여 다양한 채팅 경험을 시작할 수 있습니다.
또는 다음 키보드 단축키를 사용하여 Copilot과 채팅 대화를 시작할 수 있습니다.
단축키 | 설명 |
---|---|
Ctrl+Alt+I | 채팅 화면를 열고 자연어를 사용하여 Copilot과 채팅 대화를 시작합니다. |
Ctrl+Shift+Alt+L | 빠른 채팅을 열고 Copilot에게 빠른 질문을 합니다. |
Ctrl+I | 인라인 채팅을 시작하여 에디터에서 직접 Copilot에게 채팅 요청을 보냅니다. 자연어를 사용하거나 / 명령어를 사용하여 Copilot에게 지시를 내립니다. |
채팅 컨텍스트
Copilot은 자연어 채팅 프롬프트를 기반으로 질문의 의도와 범위를 파악하려고 합니다. Copilot이 가장 좋고 관련성 있는 답변을 제공할 수 있도록 채팅 프롬프트에 컨텍스트를 추가하세요. 예를 들어, 특정 파일이나 전체 작업 공간의 내용, 현재 에디터 선택 영역 등을 첨부할 수 있습니다.
VS Code는 채팅 화면에서 현재 활성화된 에디터를 자동으로 채팅 프롬프트의 컨텍스트로 추가합니다. 에디터에서 코드 블록을 선택한 경우 선택한 부분만 컨텍스트로 추가됩니다. 컨텍스트 항목의 비활성화 아이콘을 선택하여 활성 에디터 추가를 비활성화할 수 있습니다.
채팅 프롬프트에 컨텍스트를 추가하는 여러 가지 방법이 있습니다:
-
모든 채팅 경험에서 버튼(
Ctrl+/
)을 사용하세요.그런 다음 현재 선택 영역, 작업 공간의 하나 이상의 파일, 또는 소스 코드의 하나 이상의 심볼과 같은 특정 유형 의 컨텍스트를 빠른 선택에서 선택할 수 있습니다.
팁첨부 빠른 선택에서 여러 항목을 빠르게 추가하려면
Up
및Down
키를 사용하여 목록을 탐색하고,Right
키를 사용하여 항목을 컨텍스트로 추가한 다음 다른 항목에 대해 이 과정을 반복하세요. -
에디터 탭이나 화면, 검색 화면 또는 에디터 이동 경로의 파일 또는 폴더를 채팅 화면로 드래그 앤 드롭하세요.
-
#
문자를 입력하여 사용 가능한 채팅 변수 목록을 확인하세요.예를 들어
#selection
을 사용하여 현재 에디터 선택 영역을 채팅 프롬프트에 추가하거나,#file
을 사용하여 작업 공간의 특정 파일을 추가하거나,#sym
을 사용하여 작업 공간의 심볼을 추가할 수 있습니다.팁#
을 입력하고 파일이나 심볼 제안을 위한 IntelliSense 트리거로 사용하세요. -
탐색기나 검색 뷰의 파일에서 컨텍스트 메뉴 Copilot > Add File to Chat (또는 텍스트 선택의 경우 Add Selection to Chat)를 사용하세요.
가능한 경우 파일을 첨부할 때 파일의 전체 내용이 포함됩니다. 컨텍스트 창에 맞지 않을 만큼 크다면, 구현 없이 함수와 설명이 포함된 파일의 개요가 포함됩니다. 개요도 너무 큰 경우 파일은 프롬프트의 일부가 되지 않습니다.
AI 모델 변경하기
채팅 입력 필드의 모델 선택기를 사용하여 응답 생성에 사용되는 언어 모델을 변경할 수 있습니다. 모델 선택기를 선택하고 사용 가능한 언어 모델 중 하나를 선택하세요.
다양한 채팅 경험에서 모델 선택기를 사용할 수 있습니다.
인라인 채팅
인라인 채팅을 사용하면 작업 컨텍스트를 떠나지 않고 에디터에서 직접 Copilot과 채팅 대화를 할 수 있습니다. 인라인 채팅을 사용하면 코드 내에서 직접 코드 제안을 미리 볼 수 있어 코드 변경을 빠르게 반복하는 데 유용할 수 있습니다.
아무 파일에서나 키보드의 Ctrl+I
를 눌러 Copilot 인라인 채팅을 불러와 시작하세요. 또는 파일을 열고 Copilot 채팅 커맨드 센터 메뉴에서 Editor Inline Chat을 선택하세요.
질문에 따라 Copilot은 현재 작업 중인 파일에 대한 코드 수정이나 리팩토링을 제안합니다. Copilot은 업데이트 미리보기를 제공하며, 이를 수락(Ctrl+Enter
)하거나 취소(Escape
)할 수 있습니다. 선택적으로 새로운 코드 제안을 생성할 수 있습니다.
에디터에서 코드 블록을 선택한 경우 Copilot은 선택 영역에 대해 질문의 범위를 지정합니다.
또한 "이 코드를 설명해주세요" 또는 "X 기능을 추가하려면 어떻게 해야 하나요?"와 같이 코드를 작성하고 반복하면서 생기는 탐색적인 질문을 Copilot에게 할 수 있습니다.
inlineChat.mode
설정을 사용하여 인라인 채팅이 에디터에서 업데이트를 표시하는 방식을 구성할 수 있습니다. 기본 설정값은 live
이며, 이는 업데이트가 에디터에 직접 적용됨을 의미합니 다. 대신 변경 사항을 나란히 미리보기하려면 설정을 preview
로 구성할 수 있습니다.
다음 예시는 인라인 채팅의 preview
모드를 보여줍니다.
채팅 화면
채팅 화면 열기
채팅 화면를 사용하면 별도의 화면에서 Copilot과 채팅 대화를 할 수 있습니다. 기본적으로 채팅 화면은 Secondary Side Bar에 위치합니다. 보조 사이드바는 항상 기본 사이드바의 반대쪽에 위치하므로, 탐색기, 소스 제어 또는 기본 사이드바의 다른 화면과 동시에 채팅 화면를 열어둘 수 있습니다.
Ctrl+Alt+I
을 누르거나 Copilot 채팅 커맨드 센터 메뉴에서 Open Chat을 선택하여 채팅 화면에 접근할 수 있습니다.
또한 VS Code 제목 표시줄의 레이아웃 컨트롤을 사용하여 채팅 화면가 포함된 보조 사이드바를 토글할 수 있습니다.
언제든지 채팅 화면를 다른 위치로 드래그하거나 에디터로 열 수 있습니다. VS Code의 사용자 정의 레이아웃에 대해 자세히 알아보세요.
채팅 프롬프트 입력하기
시작하려면 채팅 입력 필드에 질문을 입력하세요. 예를 들어, 일반적인 프로그래밍 주제에 대해 질문하거나 작업 공간의 특정 코드에 대해 질문할 수 있습니다. Copilot이 더 관련성 있는 답변을 제공할 수 있도록 채팅 프롬프트에 관련 컨텍스트를 첨부하세요.
채팅 입력 상자에 /help
를 입력하여 GitHub Copilot과 Copilot 채팅 상호작용 방법에 대한 도움말을 받으세요.
Copilot 채팅은 다음을 포함하는 풍부하고 상호작용적인 결과를 제공할 수 있습니다: 간단한 텍스트, 이미지, VS Code 명령을 호출하는 버튼, URI나 에디터 위치에 대한 참조, 또는 파일 트리(예: 채팅 참여자가 새 작업 공간을 만들 것을 제안할 때 작업 공간 미리보기를 보여주기 위해).
다음 예시("@workspace /new Express with TypeScript and pug")는 Express 앱을 만들기 위한 채팅 프롬프트를 보여주며, 제안된 작업 공간 구조가 있는 트리 뷰와 새 작업 공간을 만들기 위한 버튼을 반환합니다.
대화를 계속하면서 Copilot은 채팅 메시지와 응답의 기록을 유지하고, 응답에서 관련된 후속 질문이나 명령어도 제공합니다.
코드 블록
질문에 따라 Copilot 채팅은 코드 블록에 소스 코드를 반환할 수 있습니다. 언어 확장에 따라 채팅 응답의 코드 블록이 IntelliSense를 지원할 수 있으며, 이를 통해 마우스를 올려 메서드와 심볼에 대한 정보를 얻거나 정의로 이동할 수 있습니다.
코드 블록 위에 마우스를 올리면 Apply in Editor, Insert at Cursor, Copy 옵션이 표시됩니다.
More Actions(...
) 버튼은 Insert Into New File과 Insert into Terminal(Ctrl+Alt+Enter
) 옵션을 제공합니다.
Copilot 채팅이 코드 블록에 셸 명령이 포함되어 있음을 감지하면 Insert into Terminal(Ctrl+Alt+Enter
)을 사용하여 통합 터미널에서 직접 실행할 수 있습니다. 이 옵션은 활성 터미널을 생성하거나 열고 실행할 준비가 된 명령 텍스트를 삽입합니다.
Chat: Next Code Block(Ctrl+Alt+PageDown
)과 Chat Previous Code Block(Ctrl+Alt+PageUp
)을 사용하여 코드 블록 사이를 탐색할 수 있습니다.
다음 설정을 사용하여 채팅의 코드 블록 글꼴을 제어할 수 있습니다:
chat.editor.fontFamily
chat.editor.fontSize
chat.editor.fontWeight
chat.editor.lineHeight
채팅 기록
Copilot 채팅은 이전 채팅 대화의 기록을 유지하며, 채팅 화면의 Show Chats... 버튼이나 명령 팔레트의 Chat: Show Chats... 명령을 사용하여 액세스할 수 있습니다.
빠른 선택에는 가장 최근 순으로 정렬된 이전 채팅 목록이 표시됩니다. 채팅을 선택하여 채팅 화면에서 열 수 있습니다.
빠른 채팅
Copilot에게 빠른 질문을 하고 싶지만 전체 채팅 화면 세션을 시작하거나 에디터에서 인라인 채팅을 열고 싶지 않은 경우 빠른 채팅 드롭다운을 사용할 수 있습니다.
키보드에서 Ctrl+Shift+Alt+L
를 눌러 빠른 채팅을 불러오세요. 또는 Copilot 채팅 커맨드 센터 메뉴에서 Quick Chat을 선택하세요.
질문을 입력하고, 채팅 참여자와 슬래시 명령어로 질문의 범위를 지정할 수 있으며, 드롭다운 오른쪽 상단의 Open in Chat View 버튼을 사용하여 토론을 전체 채팅 화면 세션으로 확장할 수 있습니다.