VS Code + Codex 셋팅
바이브 코딩을 해봅시다
Codex CLI를 이용해서 코딩도 가능하지만, 아무래도 IDE가 아니다보니 사용하기가 편하지는 않다. 그래서 VS Code나 CursorAI 툴에 Extenstion으로 Codex를 넣어서 사용을 할 수 있는데, VS Code에서 어떻게 셋팅을 하는지 공유하고자 한다.
우선 아래 사이트에 가서 본인의 OS에 맞는 VS Code를 다운로드/인스톨을 한다. 맥북프로를 사용하기에 나같은 경우에는 맥버젼으로 자동으로 인식이 되고 다운로드후 설치를 했다.
다운로드 및 설치후에는 앱을 실행시킨다(그러고보니 어느 순간부터 프로그램이란 말보다 앱이라는 말이 더 많이 쓰이는 듯 하다). 아래는 최초 실행시킨 모습이다. 왼쪽 라이언 스티커 있는 위치가 "Extension" 아이콘인데 저곳을 클릭한다.
그러면 아래와 같이 Extension: Marketplace라는게 나오는데 다양한 Extension을 찾아볼 수 있지만, OpenAI의 Codex를 설치할 것이기 때문에 "Openai"를 입력한다. 그러면 맨위에 보이듯이 정식 Codex를 인스톨 할 수 있게 된다.
팝업창이 나오는데 신뢰하고 설치하라고 하면 된다.
모든 설치가 완료되면 아래와 같이 나오는데, ChatGPT 로그인이 필요하다. ChatGPT Plus 이상 사용자부터 사용이 가능하다.
모든 로그인이 완료되면 다음과 같이 왼쪽에 프롬프트를 입력할 수 있는 창이 생기는데, 왼쪽, 오른쪽 두군데 입력창이 있으니 이상해 보인다.
위 캡쳐 화면의 왼쪽 라이언 옆에 있는 Codex 아이콘을 클릭한 상태로, 오른쪽 Chat이라고 쓰여 있는 창까지 가져와서 붙이면 아래와 같이 된다. 그 이후에는 본인이 원하는대로 코딩을 시작하면 된다.
그리고 AI가 알아서 실행하기를 원하면 아래와 같이 옵션을 변경해야 한다. 오른쪽 아래 가운데 아이콘을 클릭하면 기본으로 "Agent"로 설정이 되어 있다. 이렇게 하면, 계속해서 뭔가를 승인해달라고 계속 요청을 한다. 왠만하면 나보다 잘 알고 있고, 실행에 필요한 내용이라서 특별한 일이 아니라면 알아서 하라고 시키는 편이다.
해당 옵션을 "Agent(Full access)"로 하면 알아서 코딩 및 실행을 해주게 된다.
그리고 오른쪽 옆에 보면, 모델을 선택할 수 있도록 했는데, 본인이 만들고 싶은 프로그램에 대해서 가벼운 프로그램이라고 하면 Low로, 프로젝트가 더 복잡하면 High로 설정해서 진행하면 된다.
ChatGPT Plus 사용자라면 한 번쯤은 제대로 바이브 코딩을 해볼 만하다고 생각한다. 본인이 생각하는 아이디어가 실제로 짠하고 나타나는 경험은 매우 귀중하다. 직접 해보시기를 추천한다.
