챗지피티 코덱스와 깃허브 연동 방법 | VSCode 사용하기
챗지피티의 코덱스( Codex )와 깃허브( Github )를 연결하려고 했지만, 연결이 되지 않아 VSCode에서 직접 연결을 하였다.
VSCode에 깃허브를 직접 연결하니 오히려 더 좋은 느낌이다.
코덱스에 프롬프트를 실행하면 자동으로 파일을 만들고 나는 그저 깃허브에 저장소를 만들고 푸시( Push )만 하면 된다.
오히려, 챗지피티 코덱스 페이지에서 연결이 제대로 되지 않은 것이 다행(??)이란 느낌이다.
새로운 것을 시도해 보고, 좀 더 편한 방법을 찾았기 때문이다.
왜 연결이 되지 않는 거냐 ??
좀 편하게 작업하려고 코덱스( Codex )에 깃허브( Github )를 연결하고자 했다.
인증까지 하고, 윈도우 자동 인증까지 삭제하고 다시 했음에도 연결이 되지 않았다.
아~ 뭐지 ?
찾아보니 버그라고 하는데 ~ 몇 일 동안 계속 이어지는 것 보면 이건 뭔가 문제가 있다고 볼 수 밖에 없다.
( 그 원인과 해결책을 찾을 수가 없다. )
 |
| 아아 ~ 코덱스 ~ 인증까지 했는데 깃허브 연결이 왜 안되냐 ~ |
다행스럽게도 VSCode에서 연결이 된다는 것을 찾게 되었다.
잘 모르겠는 화면에서 익숙한 아이콘과 제목이 눈에 보였다.
바로 `IDE에서 시도해 보기` 버튼이었다.
VSCode에서 할 수 있다는 얘기는 들었지만, 이렇게 보여주니 시도해 보는게 당연하겠지.
일단 자세한 내용을 찾아보니 이미 많은 분들이 VSCode에서 챗지피티의 코덱스를 연결해 사용하고 있었다.
VSCode가 깃허브에도 연결되니, 생각해 보면 굳이 코덱스를 웹에서 할 필요는 없겠다는 생각이 들었다.
바로 시도를 해 본다.
새로운 방법을 찾다.
이런 새로운 방법을 찾게 되면 왠지 모를 도파민이 생기는 느낌이다.
어쨌든 VSCode를 실행하고 코덱스를 설치하게 되었다.
평소 웹에서 작업하다보니 VSCode에 설치된 코덱스가 익숙하진 않다.
뭐, 걱정할 필요는 없다. 화면을 캡쳐하고 챗지피티 또는 제미나이에 캡쳐화면 자체를 업로드하고 물어보면 된다.
 |
| 화면 우측 하단에 프롬프트 입력창이 있다. |
당연한 걸 물어본 느낌이 있다.
AI는 친절하게 반말로 대답해 주었다.
아직은 AI들의 CLI 개념이 어렵기 때문에 보통의 웹에서 사용하는 것과 같을까? 하는 의문에 역시 질문을 해보니, 평소처럼 사용해도 된다고 한다.
구라 같은 느낌이 있어, 다시 질문하고 사용법에 대한 참고 자료를 요청하니, 그냥 대화 형식으로 사용해도 문제는 없었다.
챗지피티 코덱스
지금은 클로드( Claude )가 대세지만, 한 때 코덱스( Codex )는 주목의 대상이었다.
단 한 줄 딸깍이면 뭐든 만들었기 때문인데, 음~ 뭐랄까~ 단순히 To Do List 가지고 평가하기에는 무리가 있어 보인다.
어쨌든, 언제 있었는지 알 수 없지만, 코덱스를 접한 것은 우연한 계기였고, `프로젝트를 위한 전문 코드 개발 도구`로 소개되었다.
그런데, 새 채팅에서 하는 느낌과 좀 거리가 있고, 성능에도 차이를 보였다.
새 채팅에서 코드를 만들고 테스트를 하는 것은 불편함이 크기에 코덱스 사용을 선택했다.
음~ 해보니 너무 편하다~ 제미나이와 클로드를 함께 사용하면 코드 생성은 괜찮아지는 느낌이 있다.
깃허브
깃허브 ( Github )는 지금은 거의 필수적이라 할 수 있는 클라우드 저장소이다.
코드를 인터넷에 있는 깃허브 저장소에 저장하고 필요할 때 꺼내쓰면 된다.
브랜치는 원본 코드를 보존하고, 새로운 자식-저장소를 만들어 코드를 생성하고, 수정하며 마음 놓고 작업할 수 있다.
브랜치로 나눠진 코드는 병합하고 깃허브의 메인-브랜치에서 최종적으로 관리할 수 있다.
내 컴퓨터의 저장공간이 부족하다면 깃허브만큼 유용한 것이 없다.
또한, 다른 배포 시스템과 연결되어 자신이 만든 코드를 인터넷에 공개할 수 있다.
지금은 챗지피티의 코덱스와 연결하고 AI에 의해 만들어진 코드를 관리할 수 있다.
단점이라면 코덱스 웹에서 관리하는 것보다 VSCode에서 코덱스 CLI 또는 IDE에서 직접 관리하는 것이 간편하다.
VSCode ( Visual Studio Code )
- 코드 개발 에디터
챗지피티( ChatGPT )의 코덱스( Codex )의 웹에서 깃허브를 연동할 수 있겠지만, 잘 되지 않는다면, VSCode( Visual Stuio Code )를 사용할 수 있다.
VSCode는 꽤 유용한 코드 에디터인데, 코드 뿐만 아니라 할 수 있는 모든 것이 다 되는 뭐, 확장프로그램을 이용한 팔방미인 IDE 이다.
기능이 많다는 얘기,
VSCode를 사용하면 코덱스와 깃허브를 연동할 수 있으며, 굳이 코덱스 웹에서 연동을 하지 않아도 관리가 가능하다.
VSCode가 코덱스와 깃허브와 연동되어 중간 매개체로써 사용할 수 있기 때문이며, VSCode 의 터미널을 사용하면 코덱스 CLI 까지 사용하며 코드 개발이 가능하다.
VSCode를 사용한다면 사람들이 많이 사용하는 확장 프로그램을 확인해 볼 필요가 있겠지만, AI 등장이후 비슷한 확장프로그램이 많기에 공식 계정을 한 번 더 확인해 보는 것이 좋다.
VSCode 사용 / 코덱스, 깃허브 연동 방법
VSCode의 확장프로그램을 이용하면 코덱스와 깃허브까지 모두 사용이 가능하다.
깃허브에 로그인하고, 코덱스 확장프로그램을 설치한 후 로그인만 하면 된다.
코덱스의 경우 API를 사용하면 편하지만, 여의치 않은 경우 웹으로 로그인하면 사용이 가능하다.
또한, 코덱스는 대화형과 CLI 둘 다 사용이 가능하다.
개인적으로 CLI 에 익숙해 지는 것을 추천한다.
아래는 VSCode와 코덱스와 깃허브 확장프로그램을 연결하는 과정을 보여준다.
- GitHub 계정 준비
- 비주얼스튜디오코드 설치
- Git 설치와 로그인
- 로컬 프로젝트 폴더 열기
- Codex 비주얼스튜디오코드 확장 설치
- Codex 로그인
- Github 저장소 clone
- 기능 추가, 수정, 설명 요청
- Git Commit
- GitHub push
진행하기
VSCode에 코덱스( Codex )와 깃허브( Github )를 연결하는 것은 귀찮은 작업이기도 하지만, 한 번 연결해 놓으면 편하다.
위의 과정에서 간략하게 표시했지만, 깃허브의 고질적인 로그인이 문제가 있고, 코덱스 웹에서 깃허브가 제대로 연결이 되지 않는 문제들이 생기기도 한다.
코덱스 웹에서 깃허브를 직접 연결을 여전히 지원하고 있지만, 불편하긴 마찬가지다.
하나씩 진행해 보자.
로그인 한번만 제대로 진행되면 다음부터는 편하다.
깃허브 계정 준비
코덱스( Codex ), 깃허브( Github )를 VSCode에 연결하기 위해 당연히 계정이 필요하다.
코덱스는 챗지피티( ChatGPT )에 로그인하과 좌측 메뉴의 Codex를 선택하며 된다.
깃허브는 구글 등의 메일로 바로 로그인을 할 수 있다.
로그인이 되었다면 일단 계정은 준비된 것이다.
- 비주얼스튜디오코드 설치
- Git 설치와 로그인
- 로컬 프로젝트 폴더 열기
- Codex 비주얼스튜디오코드 확장 설치
- Codex 로그인
- Github 저장소 clone
- 기능 추가, 수정, 설명 요청
- Git Commit
- GitHub push
댓글
댓글 쓰기