VS Code에서 Gemini Code Assist를 사용하는 방법

구글은 최근 라스베이거스에서 진행 중인 Cloud Next 컨퍼런스에서 기업을 위한 AI 코드 완성 및 지원 도구인 Gemini Code Assist를 출시했습니다.

Gemini 코드 지원이란 무엇입니까? VS Code, IntelliJ, Cloud Workstations, Cloud Shell Editor와 같은 IDE에서 Gemini Code Assist를 사용하여 개발을 지원하거나 Google Cloud Console에서 문제 해결 지원을 위해 사용할 수 있습니다.

Gemini Code Assist는 코드를 작성할 때 코드 완성을 얻고, 주석에서 전체 기능 또는 코드 블록을 생성하고, 단위 테스트를 생성하고, 코드 디버깅, 이해 및 문서화에 도움을 줍니다.

기술적으로 이는 Google이 몇 달 전에 중단한 Duet AI의 진화입니다. 그러나 이제는 코딩에 도움을 줄 수 있는 가장 눈에 띄는 AI 도구 중 하나인 Microsoft의 GitHub Copilot에 대한 직접적인 경쟁자에 가깝습니다.

Code Assist는 모든 모델이 제공하는 가장 큰 컨텍스트 창인 100만 개의 컨텍스트 창이 있는 Gemini 1.5 Pro를 사용합니다. 이는 Code Assist에 상당한 이점을 제공합니다. 사용자는 현재 다른 플랫폼에서는 제공하지 않는 이 컨텍스트 창을 사용하여 전체 코드 베이스에 대한 변경 작업을 수행할 수도 있습니다.

기업은 또한 GitHub Copilot과 마찬가지로 Code Assist를 내부 코드 기반으로 미세 조정할 수도 있습니다.

2024년 7월 11일까지 Gemini Code Assist를 무료로 사용해 볼 수 있으며 결제 계정당 사용자 한 명으로 제한됩니다.

이 가이드에서는 Visual Studio(VS) Code에서 Gemini Code Assist를 사용하는 방법에 중점을 둘 것입니다.

VS Code로 Gemini Code Assist 설정

VS Code와 함께 Code Assist를 사용하려면 아래 단계에 따라 전체를 설정해야 합니다.

Cloud Code 확장 프로그램 설치

VS Code에서 Code Assist를 사용하려면 먼저 Cloud Code 확장 프로그램을 설치해야 합니다.

컴퓨터에서 VS Code를 엽니다.
그런 다음 왼쪽 메뉴에서 ‘확장 프로그램’으로 이동하세요.

검색창에 ‘Cloud Code’를 검색하세요. 첫 번째 검색 결과(예: Gemini + Google Cloud Code)를 클릭합니다.

그런 다음 ‘설치’ 버튼을 클릭하고 확장 프로그램을 설치하세요.

이제 Cloud Code 확장 프로그램이 VS Code에 설치됩니다. 다음 언어에서 가장 잘 작동합니다.

NodeJS
가다
파이썬
자바
.그물

NodeJS에는 VS Code가 기본적으로 지원되며 추가 작업이 필요하지 않지만, 다른 언어를 사용하려면 다른 언어를 설치해야 합니다. Cloud Code 확장 프로그램을 설치한 것과 동일한 방법으로 이러한 언어를 설치할 수 있습니다.

선택적으로 샘플을 머신에 복사하려면 Git도 설치해야 합니다.

Google 클라우드에 연결

이제 다음 단계에서는 VS Code에서 Google Cloud에 연결합니다.

확장 프로그램이 설치되면 ‘둘러보기 열기’ 옵션을 클릭하세요.

‘Google Cloud에 연결’ 옵션에서 ‘연결’ 버튼을 클릭하세요.

VS Code가 외부 웹 사이트를 열려고 한다는 메시지가 나타납니다. 계속하려면 ‘열기’를 클릭하세요.

그런 다음 Google 계정에 로그인하세요.
다음으로, 귀하의 Google 계정은 귀하가 Google에서 이 앱 [Cloud Code]을 다운로드했는지 확인하도록 요청합니다. 계속하려면 ‘로그인’을 클릭하세요.

이제 귀하의 계정이 Google Cloud에 연결되었습니다.

다음으로 Cloud API가 활성화된 Google Cloud 프로젝트를 선택하여 VS Code에서 Gemini를 활성화해야 합니다. 하지만 지금까지 Google Cloud에 가입하지 않았다면 먼저 가입해야 합니다.

Google Cloud가 없으면 $300 크레딧으로 3개월 동안 무료 평가판을 받을 수 있습니다.

cloud.google.com으로 이동하여 ‘무료로 시작하기’를 클릭하세요.

그런 다음 계정 정보를 입력하고 ‘동의 및 계속’을 클릭하세요.

결제 정보를 제공하고 ‘무료 시작’을 클릭하여 무료 평가판을 받으세요. Google Cloud의 전체 계정을 수동으로 활성화하지 않는 한 평가판 종료 후에는 요금이 청구되지 않습니다.

Google Cloud가 있으면 해당 프로젝트를 사용하여 VS Code에서 Gemini를 사용할 수 있습니다.

VS Code에서 Gemini 활성화

이제 VS Code로 돌아가 ‘Google Cloud 프로젝트 선택’을 클릭하여 Gemini를 활성화하세요.

Google Cloud 프로젝트를 선택하는 옵션이 상단에 표시됩니다. Cloud API가 활성화된 Google Cloud 프로젝트를 선택합니다. 새로운 Google Cloud 프로젝트를 만들 수도 있습니다.

선택한 프로젝트에 Cloud API가 활성화되어 있지 않으면 VS Code 창에 오류가 표시됩니다. 문제를 해결하려면 ‘API 활성화’를 클릭하세요.

VS Code에서 사용할 수 있도록 Gemini가 활성화됩니다. 이전에 비활성화된 쌍둥이 자리 아이콘(사선이 가로질러 있는 빨간색 아이콘) 대신 이제 활성화된 쌍둥이 자리가 표시되는 상태 표시줄에서 언제든지 액세스할 수 있습니다.

Gemini 옵션도 왼쪽 활동 표시줄에 추가됩니다.

그게 다야. 이제 VS Code에서 Gemini를 사용하여 코드 생성에 대한 도움을 받거나 Gemini와 채팅할 수 있습니다.

Gemini로 코드 생성하기

VS Code에서 Gemini를 사용하려면 프롬프트가 포함된 새 코드를 생성하거나, 코딩 제안을 받거나, 인라인 제안을 받을 수 있습니다.

먼저 Gemini를 사용하려는 기존 애플리케이션을 열거나 Gemini를 테스트할 Cloud Code용 샘플 애플리케이션을 만듭니다.

샘플 애플리케이션을 생성하려면 Ctrl+ Shift+ P(Windows/Linux) 또는 Cmd+ Shift+ P(Mac)를 눌러 VS Code에서 명령 팔레트를 엽니다.
그런 다음 ‘클라우드 코드: 새 애플리케이션’을 입력하고 Enter 키를 누릅니다.

옵션에서 ‘Kubernetes 애플리케이션’을 선택하세요.

그런 다음 ‘Python(Flask): 방명록’과 같은 옵션에서 샘플 애플리케이션을 선택합니다. 아직 설치하지 않은 경우 샘플 애플리케이션을 설치할 언어를 설치해야 합니다.

원하는 위치에 애플리케이션을 저장하면 애플리케이션이 생성됩니다.

애플리케이션이 생성되면 새 코드 파일을 생성하거나 기존 코드 파일을 열어 Gemini를 사용하세요. Gemini가 코드 생성에 도움을 줄 수 있는 모든 방법은 다음과 같습니다.

인라인 제안 받기

인라인 제안을 받으려면 코드 입력을 시작하세요.
Gemini는 귀하가 작성하는 동안 코드에 대한 자동 완성 제안을 제공합니다.
Tab을 눌러 제안을 수락 할 수 있습니다 . 제안을 무시하려면 키를 누르 Esc거나 코드를 계속 작성하세요.

코드 생성

Gemini는 또한 새로운 코드를 생성할 수도 있습니다. IDE 창에서 ‘Gemini: Smart Actions’ 아이콘을 클릭하세요.

그런 다음 옵션에서 ‘코드 생성’을 클릭하세요.

Gemini는 이미 파일에 있는 코드를 기반으로 새 코드를 생성합니다.

프롬프트가 포함된 코드 생성

Gemini에 코드를 생성하라는 메시지를 제공할 수도 있습니다.

코드의 새 줄로 이동하여 입력한 #다음 코드에 대한 프롬프트를 입력하세요. 예를 들어 다음을 입력 # Function to create a Cloud Storage bucket하고 Enter를 누르세요.

그런 다음 코드를 생성하려면 Windows, Linux 또는 Mac에서 Ctrl+를 누르세요.Enter
Gemini가 귀하의 요청에 대한 코드를 생성합니다. Tab키보드를 눌러 수락하세요.

쌍둥이자리와 대화하기

VS Code에서 Gemini와 채팅할 수도 있습니다. 질문에 답하고, 코드를 설명하거나, 선택한 코드에 대해 도움을 줄 수 있습니다.

Gemini와 채팅하려면 왼쪽 활동 표시줄에서 ‘Gemini’ 아이콘을 클릭하세요. Gemini 채팅 패널이 왼쪽에 열립니다.

프롬프트 표시줄에 프롬프트를 입력하고 AI로 보냅니다(이를 위해서는 코드 파일이 열려 있어야 합니다). 예를 들어 이라고 말할 수 있습니다 Explain this code to me. Gemini는 파일의 코드를 참조로 사용하고 설명을 제공합니다.

파일에서 코드를 선택한 다음 Gemini에 메시지를 보내 코드를 설명할 수도 있습니다. 그러면 귀하의 질문에 응답하는 동안 선택한 코드만 참조로 사용됩니다.

또한 Gemini에게 전체 코드 또는 채팅 패널에서 선택한 코드에 대한 단위 테스트를 생성하도록 요청할 수도 있습니다. Generate unit tests채팅 패널에 입력하면 Gemini는 전체 코드 또는 선택한 기능(선택 사항에 따라)에 대한 단위 테스트를 생성합니다.
마찬가지로 Gemini에게 채팅 패널에서 요청 Help debug the code하거나 Make the code more readable채팅 패널에서 요청할 수 있습니다. 메시지를 표시하기 전에 코드의 일부를 선택했는지 여부에 따라 코드 일부/전체 코드 파일에 대해 원하는 응답이 표시됩니다.

Gemini에 접근하는 다른 방법

코드 편집기에서 ‘코드 작업 표시’ 아이콘(전구)을 클릭하여 Gemini를 사용하여 코드를 선택하고 작업을 수행할 수도 있습니다.

VS Code에서 Gemini를 사용하여 다른 작업을 수행할 수도 있습니다. VS Code에서 명령 팔레트를 엽니다.
그런 다음 ‘Gemini:’를 입력하면 Gemini 사용 방법에 대한 옵션이 나타납니다. Gemini에게 코드 설명, 채팅 보기에 집중, 코드 생성, 단위 테스트 생성 등을 요청할 수 있습니다.

그게 다야. Gemini Code Assist는 특히 100만 개의 컨텍스트 창을 통해 GitHub Copilot의 훌륭한 경쟁자가 되려고 합니다. 이제 남은 유일한 것은 Gemini Code Assist가 실제로 유용한 도구가 될 만큼 코딩에 효율적일지 여부입니다.