[AI] Codex 바이브코딩 프로젝트 하는 법 (자산 관리 포트폴리오 어플 만들기)

 VS studio의 Codex 플러그인으로 바이브코딩 프로젝트 하는 방법을 알아봅니다.

 

[ Contents ]

 

 

1. Codex 플러그인 설치

 Codex로 바이브코딩 하는 방법을 알아보겠습니다. IDE는 VS code를 사용했어요. (Cursor 등 Codex 플러그인을 지원하는 IDE는 다 가능합니다.)

 먼저 플러그인에서 Codex를 설치해줍니다.

 

 코덱스 설치가 끝나면 우측에 채팅창이 생깁니다.

 Chat 말고 Codex를 선택하면 Chat GPT가 있어요. 여기서 프롬프트를 입력하면 코드도 짜주고, 수정도 해줍니다.

 

 

모델 선택

 모델 선택도 가능한데, Sol > Terra > Luna 순으로 성능이 좋습니다.

 성능이 좋은 만큼 토큰도 빨리 소진돼요. 그러니 기초 작업은 Luna 정도를 애용하면 좋아요.

---

 

 

2. 자산관리 포트폴리오 어플 만들기

 저는 구글 시트에 자산관리를 하고 있습니다. 수작업으로 만든 포트폴리오라서 투박하지만, 전반적인 투자성과를 확인하기 좋아요.

 특히 2개 이상의 증권사를 쓰면 여러 주식계좌의 합산된 통계를 볼 수 있고, 단순 평단가에 의한 평가차익 외 매매차익이나 배당금 등을 계산하기에 유용합니다.

 

 하지만, 여러 종목의 기준값을 넣어주고 매매내역 데이터를 수기로 관리하는 건 꽤나 손품이 많이 듭니다.

 

 기준값이나 매매내역 데이터가 틀어지면, 전체 통계가 틀어지는 것도 문제죠. 생각보다 실 손익금액을 계산하는 과정도 어렵고요.

 그래서 이번에 Codex의 힘을 빌려서 '자산관리 포트폴리오 어플리케이션'을 만들어보고자 합니다.

---

 

 

3. Codex 바이브 코딩 프로젝트

 빈 프로젝트 폴더를 열어서 기본 세팅을 해줍니다. 여기다가 codex가 프로젝트 파일을 만들 거예요.

 

 그리고 구현할 프로젝트를 설명해줍니다. 그러면 Codex가 프로젝트를 짜줘요.

 

 index.html만 생성한 상태로, 다소 AI스러운 대시보드이지만 훌륭합니다.

 이대로 프로젝트를 진행하라고 지시합니다. 그 이후부터는 세부 내역을 조정해가면서 AI한테 코딩을 시키면 돼요.

 

 

 간혹 지시를 곡해해서 이상하게 만들 때도 있습니다. 그러면 수정사항을 롤백도 가능합니다.

 

 Undo를 하면 이전 작업본으로 돌아갑니다. 마음에 들지 않으면 다시 복구하고, 다시 명령을 내릴 수 있어요.

 이렇게 하면, 실제 코드 1줄 쓰지 않고 프로그램을 만들 수 있습니다. 

 

 다소 어려운 작업은 모델 성능을 Sol로 올려서 작업했습니다. 데이터를 이관하는 작업에서 수치 오류가 나면 안 되니까요.

---

 

 

4. 프로젝트 초안본

 데이터도 넣어서 만든 자산관리 포트폴리오 어플리케이션입니다.

 아직 손 볼 게 많지만, 기본적인 기능은 구현되었습니다.

 

 

 대중적인 예시이긴 하지만, 자산관리 포트폴리오 앱을 만드는 데에 30분도 걸리지 않습니다.

 조금만 더 손 보면 진짜 쓸만한 어플을 만들 수 있을 듯해요. 확실히 '바이브 코딩'이라는 문화가 만들어질 정도로, AI의 프로그래밍 능력이 굉장하긴 합니다.