고기 대신 SW 한점/DEVOPS

VS Code + AI CodeHelper, ChatGPT

지식한점 2023. 3. 31. 16:08
반응형

ChatGPT가 장안에 화제가 된지는 꽤 오래 되었습니다. ChatGPT4.0의 경우는 기존 3.5에 비하여 변수가 조단위로 변경된다고 합니다.
완전 다른 성능을 보여준다고 기대할 수 있습니다. 여기서 기대한다는 것이 맞는 말인지 모르겠습니다. 터미네이터의 영화처럼... AI로 인한 인류 존속의 문제가 될 수 있는 특이점이 이미 넘었다는 사람도 있습니다.  아무튼 개발자가 많이 쓰는 VS Code 개발툴에 AI와 ChatGPT를 AddOn 시키는 간단한 방법에 대해서 제안드립니다.

  • AICodeHelper - Visual Studio Code

 1. Select Extentions 

 

 2. Serch AICodeHelper & AICodeHelper install

 

3. Select Code - Perferences - settings

       

 4. Search "aicode" and put the Gptkey and change the language you want.
    You can obtain an API key from here: https://platform.openai.com/account/api-keys

 5. You can use AICodeHelper in VSCode with following commands

       Ctrl + Alt(Option) + Shift + r : Code Refactoring
       Ctrl + Alt(Option) + Shift + z : 주석 추가
       Ctrl + Alt(Option) + Shift + c : Code Review
       Ctrl + Alt(Option) + Shift + g : 서술 —> Code generate
       Ctrl + Alt(Option) + Shift + m : 서술 —>  

사용의 예)

생성하고자하는 코드를 서술 후 명령어

 

자동 생성된 코드 (Ctrl + Opt +Shift +g)

 

자동 생성된 코드의 Code Review (Ctrl + Opt + Shift + r)

 

서술에 대한 답 (Ctrl + Opt + Shift + m)

 

  • ChatGPT - Visual Studio Code

 1. VSCode 실행 후 "확장 프로그램 매뉴로 들어갑니다.

 


 2. 검색 창에서 "chatgpt" 검색합니다.
     ChatGPT 확장프로그램이 다수 나옵니다. 점점 더 많아 지겠지요.

 

 3. 적당한 AddOn을 설치합니다.

 4. Select Code - Perferences - settings 에 들어가서 설치한 addon을 찾습니다.

 5. 찾은 메뉴에서 API Key를 다음의 Site에서 발행하여 넣어줍니다.
You can obtain an API key from here: https://platform.openai.com/account/api-keys

 

 6. 사용의 예는 아래와 같습니다.
     왼쪽 창에서 ChatGPT에 Code 생성 요청을 하고 그 Code를 VSCode 창에 Copy하여 간단히 확인이 가능합니다.

 

반응형