VS Code에서 Amazon CodeWhisperer 사용하기

1. Amazon CodeWhisperer란 무엇인가?

Amazon CodeWhisperer는 머신러닝 기반의 코드 생성 AI 도구로, 개발자가 코드를 작성하는 동안 실시간으로 코드 제안을 제공합니다. 주석이나 기존 코드에 기반하여 함수, 클래스, 코드 블록 등을 추천해 주기 때문에 개발 생산성을 크게 향상시킬 수 있습니다. 현재 VS Code, IntelliJ IDEA, PyCharm 등 다양한 IDE에서 사용할 수 있습니다. 

 

이 문서에서는 VS Code에서 CodeWhisperer를 설정하고 사용하는 방법을 단계별로 상세히 설명합니다.

2. 시작하기 전에 준비할 것들

1. Visual Studio Code (VS Code): 최신 버전이 설치되어 있어야 합니다.
2. AWS Builder ID: CodeWhisperer를 사용하려면 개인 AWS Builder ID가 필요합니다. AWS 계정과는 별개로 개인 이메일 주소로 생성할 수 있습니다. (설정 과정에서 안내에 따라 생성할 수 있습니다.)

3. 단계별 설치 및 설정 방법

단계 1: AWS Toolkit 확장 프로그램 설치

1. VS Code를 엽니다.
2. 왼쪽 사이드바에서 Extensions (확장) 아이콘 (네 개의 사각형 모양)을 클릭합니다.
3. 검색창에 AWS Toolkit을 입력합니다.
4. AWS Toolkit 확장 프로그램을 찾아 Install (설치) 버튼을 클릭합니다.

단계 2: AWS Toolkit에 연결

1. 설치가 완료되면, 왼쪽 사이드바에 AWS 아이콘이 새로 생깁니다. 이 아이콘을 클릭하여 AWS Toolkit 패널을 엽니다.
2. 패널 상단에 CodeWhisperer 섹션이 보일 것입니다.
3. Start 버튼을 클릭합니다.

단계 3: AWS Builder ID로 로그인

1. Start 버튼을 클릭하면, AWS Builder ID로 로그인하라는 메시지가 뜹니다.
2. Use a personal email to sign in with AWS Builder ID 버튼을 클릭합니다.
3. VS Code가 기본 웹 브라우저를 열어 인증 페이지로 리디렉션합니다.

단계 4: AWS Builder ID 생성 또는 로그인

1. 브라우저에서 AWS Builder ID 로그인 페이지가 열리면, 이미 계정이 있다면 로그인하고, 없다면 Create an AWS Builder ID를 선택하여 계정을 만듭니다.
2. 계정 생성 시에는 이메일 주소와 이름 등을 입력하면 됩니다.
3. 입력한 이메일로 전송된 확인 코드를 브라우저에 입력하여 계정 생성을 완료합니다.
4. 로그인 또는 계정 생성이 완료되면, VS Code로 돌아가라는 안내 메시지가 브라우저에 표시됩니다.

단계 5: VS Code로 돌아가기

1. 브라우저에서 Visual Studio Code 열기와 같은 팝업 창이 나타나면, 이를 허용하여 VS Code로 돌아갑니다.
2. VS Code 하단 상태 표시줄에 CodeWhisperer가 성공적으로 연결되었다는 메시지가 표시됩니다.

이제 모든 설정이 완료되었습니다.

4. Amazon CodeWhisperer 사용 방법

이제 CodeWhisperer를 직접 사용해 볼 시간입니다.

1. 지원되는 파일 열기: Python(.py), JavaScript(.js), Java(.java), C++(.cpp) 등 CodeWhisperer가 지원하는 언어의 파일을 엽니다.
2. 코드 작성 시작: 코드를 작성하기 시작하면 CodeWhisperer가 자동으로 맥락을 파악하여 실시간으로 코드 제안을 표시합니다.
3. 제안 수락하기:
   • CodeWhisperer의 제안이 마음에 든다면 Tab 키를 눌러 코드를 삽입합니다.
   • 여러 개의 제안이 있는 경우, 방향키(위/아래)를 사용하여 제안 목록을 탐색할 수 있습니다.
4. 수동으로 제안 받기:
   • 때로는 자동 제안이 나오지 않을 때가 있습니다. 이럴 때는 Option + C (macOS) 또는 Alt + C (Windows) 단축키를 눌러 수동으로 제안을 받을 수 있습니다.

예시: Python 파일에서 CodeWhisperer 사용

example.py 파일을 열고 아래와 같이 주석을 작성합니다.

# Function to calculate the factorial of a number

위 주석을 입력하면 CodeWhisperer가 아래와 같은 코드를 자동으로 제안합니다.

def factorial(n):
    if n == 0:
        return 1
    else:
        return n * factorial(n-1)
```Tab` 키를 눌러 이 제안을 수락할 수 있습니다.

 

---

5. VS Code에서 확장 프로그램 비활성화하기

CodeWhisperer와 같은 다른 확장 프로그램을 사용하기 위해 GitHub Copilot을 비활성화하는 방법은 다음과 같습니다.

1. 확장 프로그램 탭 열기 VS Code의 왼쪽 사이드바에서 Extensions (확장) 아이콘 (네 개의 사각형 모양)을 클릭합니다.
2. GitHub Copilot 검색 확장 프로그램 검색창에 GitHub Copilot을 입력합니다.
3. 확장 프로그램 비활성화 검색 결과로 나타난 GitHub Copilot 확장 프로그램을 클릭합니다.
   • 전역적으로 비활성화: 확장 프로그램 페이지 상단에 있는 Disable (비활성화) 버튼을 클릭하면, 모든 작업 영역(Workspace)에서 Copilot이 비활성화됩니다.
   • 특정 작업 영역에서만 비활성화: Disable (Workspace) 버튼을 클릭하면, 현재 열려 있는 프로젝트에서만 Copilot이 비활성화되고 다른 프로젝트에서는 계속 사용할 수 있습니다.

6. CodeWhisperer 사용 시 설정 확인

GitHub Copilot을 비활성화한 후, CodeWhisperer가 제대로 작동하는지 확인하려면 AWS Toolkit 설정에서 CodeWhisperer가 활성화되어 있는지 다시 한번 확인해 보세요.

1. VS Code 왼쪽 사이드바의 AWS 아이콘을 클릭합니다.
2. CodeWhisperer 섹션에서 상태가 Active로 표시되어 있는지 확인합니다.

이렇게 하면 두 개의 AI가 동시에 코드 제안을 하는 충돌을 피하고, CodeWhisperer의 제안을 방해 없이 받을 수 있습니다.