3박 4일간 바이브코딩 맛보기

들어가며

매번 빅 태스크들은 외주를 맡기던 나에게, 코딩 에이전트의 발전은 쌍수를 들고 환영할 일이다.

개발은 하지 않지만 개발 스터디원들의 이야기를 귓동냥해가며, 그리고 여러 오픈 채팅방을 눈팅하며 만나게 된 opencode (정확히는 oh-my-opencode, 이하 OMO로 표기).

사실 나의 마지막 AI 코딩은 커서와 함께 나누는 Ask가 전부였는데 (Agent 모드가 생각보다 멍청하다고 생각해 사용하지 않았는데, 돌이켜보니 내가 잘 못 사용한 거였더라), 갑자기 AI 오케스트레이션이라니. 도대체 그게 뭔데.

너무 세상이 빨리 변하는 것 같아 눈앞이 아득해졌지만, 그래도 한번 써보자는 식으로 세팅을 했다.

원래 커서 20불, GPT 20불이 전부였던 나는 OMO에 붙이기 위해 클로드코드를 구매하고, 구글 AI 요금제도 긁었다. 이미 클로드코드 OAuth가 막혀있는데, OMO가 어떻게 돌아가는지 몰랐던 나는 일단 다 긁었다...ㅠ (이중지출.. 바보비용)

아무튼 한번 써보지 뭐, 하는 마음으로 개발에 바로 착수.

가장 먼저 해볼 것은 만만하지만 몇 년간 미뤄두었던 개인 블로그 만들기. 기존 벨로그는 너무 개발자 성향이 강해, 나의 일상도 적을 수 있는 블로그를 만들어야겠다고 생각했었다.

이런저런 세팅 후, /init 명령어로 실행한 OMO는... 자기가 속한 디렉토리명이 hanbeul-blog인 걸 보고 블로그를 만들거냐고 묻더라.

처음 뵙는 기획자 분(OMO)께서 나에게 이런저런 질문을 했고, 이를 바탕으로 AGENTS.md와 PLANNING.md를 뚝딱 만들어내는게 아닌가.

플래닝에 적혀진 흐름에 따라서, 하나씩 개발을 하고 (와중에 UI는 Gemini가 만들고, 뭐 어떤 건 Codex가 만들고.. 하더라. 너무 신기했다) 나에게는 확인, 질문만 하더라.

심지어 질문도 그냥 열린 질문이 아닌, 여러 선택지를 주고 가장 알맞게 선택할 수 있는... 뭐랄까 스윗남친처럼.

Phase 1: MVP 완성

Phase1을 마무리하자, 기본적인 UI/UX는 거의 완성이 되어있었고, 심지어 내 기존 블로그(velog.io/@hayou)의 글까지 싹 마이그레이션 해준게 아닌가.

중간중간 수정사항을 논의하면서도 채 6시간이 가기 전에 MVP가 완성이 된 것이다.

Phase 2: 기능 추가

이후 Phase2에는 비밀글 인증을 위한 외부 API를 활용한 이메일 인증 로직을 만들었는데, 외부 API 연동도 한번에 잘해주고, 에러가 났을 때는 디버깅도 해주더라. (에러를 내가 직접 해당 대시보드 가서 찾아오긴 했지만)

처음 써보는 OMO는 대충 이 정도에서, 나에게 놀라움을 주고 마무리되었다. 이때까진 MCP 연동조차 할 일이 없었는데도. 다음 프로젝트에서는 MCP 연동까지 해서 사용하는데, 정말 편하기 짝이 없더라.

아무튼 그래서. 내 새로운 블로그는 https://hayou.me 이다.

개발쪽은 velog에도 계속 올릴 거고,
아마 해당 블로그에는 Velog RSS 연동해서 작성된 글을 퍼가게 하고, 일상 글을 더 많이 적을 것 같다.

첫 번째 프로젝트를 진행하며 자신감을 얻은 나는, 바로 실무에 투입하기 시작했다.
바로 당면해있던 논술 채점 시스템을 누구든 접근할 수 있게 웹으로 만드는 프로젝트.

기존 플로우는 다음과 같았다:

학생이 손으로 쓴 국어, 논술 정답 취합
국어 엑셀 채점, 논술은 로컬(Node.js)에서 Claude API를 연동해 직접 채점 루브릭을 설정해 API로 채점한 뒤, 이를 엑셀로 반환
이 엑셀 값을 바탕으로 엑셀 차트를 이용한 결과 보고서 작성
PDF로 추출 후, 구글 드라이브 업로드
각 파일 URL을 복사해 학부모에게 문자로 안내

아시다시피, 엑셀 차트는 많이 구리게 생겼다. 그리고 이 전반적인 과정은 손도 많이 가고, 아무리 봐도 좀 짜치더라. (물론 내가 이 플로우를 만나기 전엔 선생님들이 직접 손 채점 후 보고서를 만들어 나갔었다)