개발/기타🎸

[Chat GPT] 챗 GPT를 VS Code에서 사용하기

duknock 2023. 4. 3. 17:35
반응형

 

 

Chat GPT를 써본 사람은 알겠지만

 

이자식 사람보다 코딩을 잘한다.

 

심지어 코딩뿐만 아니라 모든 방면에서 지식이 사람보다 뛰어나다.

 

그래서 요즘 코드를 짜는 방식이 좀 변했는데,

 

내가 먼저 코드를 짜보고 GPT한테 내 코드를 보여주며 코드리뷰를 해달라고 한다.

 

그럼 코딩 외길인생 개발의 달인(경력 30년) 양쪽 뺨 싸다구를 후려 갈길 정도로 리뷰를 잘써준다.

 

 

 

근데 매번 Open AI 페이지 들어가서 코드 복붙해서 리뷰해달라고 하기가 너무 귀찮으니

 

VS code 안에서 바로 Chat GPT를 사용할 수 있는 방법을 찾아봤는데

 

역시나 누군가 벌써 플러그인을 만들어놓았다. (심지어 한국인인듯)

 

이번엔 VS code에서 Chat GPT를 사용하는 방법을 알아보자.

 

 

 

 

 

 


 

 

 

 

 

 

우선 VS Code 에서 AICodeHelper 라고 검색한다.

 

 

감사합니다 김승태씨

 

 

이 플러그인을 설치하고 나면 Chat GPT에서 API Key를 받아와서 적용을 해줘야한다.

 

API Key는 여기서 받으면 된다.

 

 

 

 

저기서 Create new secret key 버튼을 누르고 발급받은 key를 복사한다.

 

 

 

 

 

그 후, VS code 로 돌아와서 alt + shif + ctrl + Q 를 동시에 누르면

 

 

 

 

 

 

이런 창이 뜨는데 여기에 복사해 둔 API Key를 넣으면 된다.

 

 

 

그럼 세팅이 끝난다.

 

 

 

 

 

사용해보기

 

 

사용방법은 간단하다.

 

파일에 아무 문장이나 적어서 선택한 다음 원하는 명령어 단축키를 누르면 된다.

 

명령어 단축키는 아래와 같다.

 

 

주석 남기기 = ctrl shift alt z 
리팩토링 = ctrl shift alt r
코드리뷰 = ctrl shift alt c
일반요청 = ctrl shift alt m
코드생성 = ctrl shift alt g

 

 

 

한번 아래에서 사용 예시를 보자.

 

 

문장을 적어서 드래그로 선택한 다음

 

ctrl + shift +alt + G (코드 생성)를 누르면 

 

 

 

 

이렇게 코딩을 해준다!

 

 

근데 사실 뭐, 이렇게 코드 짜는거는 우리도 다 할 수 있는거다.

 

 

이 플러그인의 진가는 바로 코드리뷰이다.

 

 

 

 

위 함수는 임의로 내가 제작한 함수인데,

 

API 요청이 오류가 났을 경우, 에러메세지를 모달창으로 띄워주는 함수이다.

 

이것도 똑같이 드래그해서 선택하여 

 

ctrl + shift + alt + C (코드리뷰) 를 누르면

 

 

 

 

 

이렇게 내가 만든 함수가 어떤 의도로 만든 것인지를 정확하게 파악한것 뿐만 아니라, 

 

modalShow 함수 또한 내가 임의로 제작한 함수인데 함수명만 보고 어떤 기능인지를 유추까지 해낸다.

 

좋은 점과 나쁜 점도 상세하게 적어주는것은 덤.

 

진짜 미.쳤.다.

 

 

 

 

 

물론 이거만 의존해서 코딩을 하면 AI를 이용하는게 아니라,

 

내가 AI에 의해 행동하는 바보멍청이가 될 수 있으니, 너무 믿지는 말고 도움받는 정도로만 사용하시길...

반응형