본문 바로가기
개발/VSCode

VSCode Amazon Q(구 AWS Codewhisperer) 사용하기

by 궁즉변 변즉통 통즉구 2024. 4. 28.
반응형

VSCode에서 AI 기반 코드 자동완성을 지원해주는 Amazon Q(구 AWS CodeWhisperer)를 적용하고 사용해본다.

 

먼저 VSCode 확장프로그램에서 CodeWhisperer로 검색해서 AWS Toolkit을 설치한다.

 

설치가 완료되면 아래와 같은 화면이 뜨고 가장 왼쪽에 있는 "Amazon Q + CodeWhisperer" 옵션의 버튼을 클릭한다.

 

VSCode에 AWS Builder ID 관련 팝업이 뜨는데 클릭하고 넘긴다.

 

AWS Builder ID 인증을 위해 브라우저 열기를 한다.

 

복잡한 인증 과정이 있는 것은 아니고 이메일 주소만 있으면 Builder ID 쉽게 생성할 수 있다. 브라우저가 열리고 Builder ID가 없는 경우 생성을 진행하고, 있는 경우 로그인을 해준다. 

 

Builder ID 진행이 완료되면 접근 권한을 허용(Allow access 버튼)해주고 브라우저는 닫아주면 된다.

 

이제 VSCode 화면을 보면 아래와 같이 표시가 되고, 사용법을 확인하기 위해 Try examples를 클릭한다.

 

3가지 예시가 표시되는데 하나씩 클릭하면서 확인하면 된다. 

 

예를들어, Json 샘플 데이터를 만든다고 할 경우 아래와 같이 첫번째 줄을 완성하고 엔터를 입력하면 다음줄에 제안된 샘플 코드를 보여준다. 여기서 Tab만 클릭하면 코드 작성이 완료된다. 추천된 코드가 마음에 들지 않으면 방향키(→ or )를 눌러 다른 추천 코드를 확인할 수 있다. 

 

다음으로 아래와 같이 AWS S3 파일 업로드 코드를 python으로 작성한다고 했을 경우, python 주석으로 "#Function to upload a file to an S3 bucket"를 작성하고, 엔터를 친 후 다음 줄에서 Option + C를 입력하면 추천 코드를 생성해준다. 추천된 코드가 마음에 들지 않으면 방향키(→ or )를 눌러 다른 추천 코드를 확인하고 적용할 수 있다. 주석 뿐만 아니라 실제 코드 한 줄을 입력하고 Option + C를 입력하면 CodeWhisper가 이전 입력을 기반으로 코드를 추천해준다. 

 

연관 내용

https://happy-jjang-a.tistory.com/303

 

MAC 터미널 AWS Codewhisperer(for command line) 사용해보기

그동안 MAC에서 Fig를 설치해서 자동완성 등을 활용해 터미널을 조금 편하게 사용해왔다. 하지만 이제 Fig 사이트에 접속을 하면 아래와 같이 Amazon Codewhisperer에 흡수됐다고 나온다. Amazon Codewhisperer

happy-jjang-a.tistory.com

 

반응형

댓글