🐾 Pet-Pass Dev Blog

바이브 코딩 개발기 · 시작하며 📖 약 4분

Pet-Pass를 만든다는 것,
그리고 AI와 함께한다는 것

#바이브코딩 #AI협업

목차

  1. 시작은 호기심에서
  2. 이상한 방식의 개발
  3. 수십 개의 PR이 쌓인 이유
  4. Pet-Pass가 하려는 일
  5. 이 블로그에서 다룰 것들

시작은 호기심에서

AI 바이브 코딩을 시작하려고 합니다. 솔직히 말하면, 너무 단시간에 그럴싸한 모양이 나와서 놀랐습니다.

처음엔 단순한 테스트였습니다. Antigravity가 좋다고 말이 많길래, AI 구독을 안 하고 있던 GOOGLE 계정으로 로그인해서 요청해봤습니다.

아이템은 최근에 뉴스를 보다가 알게 된 반려동물 입장 허용 매장 정보 제공 사이트. 기존에 입장되던 곳이 안 되고, 신규로 허용받는 곳들이 생긴다고 해서

한번 가볍게 검색 사이트를 만들어볼까 했습니다.

이상한 방식의 개발

앞서 말했듯이 이 프로젝트의 개발 방식은 AI를 활용합니다. Jules, Antigravity, Codex, Claude — 각기 다른 AI 코딩 도구들이 주요 구현을 담당했고, 저는 방향을 정하고 결과를 검토하며 필요한 시점에 개입하는 역할을 맡았습니다.

특히 저는 토큰이 많이 없었기에, 지금 접근이 제일 쉬운 GOOGLE AI 생태계의 도움을 많이 받았습니다.

Pet-Pass 협업 구조

사람
방향 · 검토 · 개입
AI 도구들
Jules
Antigravity
GOOGLE AI STUDIO
Codex
Claude
Pet-Pass
코드 · 기능 · 수정

[바이브 코딩]은 개발자가 직접 세부 구현을 하기보다, 목표와 방향을 제시하고 AI의 결과물을 검토하면서 서비스를 만들어가는 방식입니다. 말로 들으면 그럴싸해 보이지만, 막상 해보면 생각보다 훨씬 많은 판단이 필요하거든요.

"AI가 다 알아서 해주겠지"라고 믿었던 순간마다, 현실은 다른 방식으로 답을 돌려주더라고요.

수십 개의 PR이 쌓인 이유

50+
Pull Requests
5+
AI 협업 도구
1,700+
등록 업소 수

지금 이 프로젝트의 GitHub에는 50개가 넘는 Pull Request가 쌓여 있습니다. 짧은 기간 동안 생각보다 많은 시행착오를 거쳤다는 뜻이거든요. 데이터를 가져오는 방법을 두고 서너 번 방향을 틀었고, 모바일 UI는 구현했다가 되돌리고 다시 구현하기를 반복했고, CI/CD 파이프라인은 고쳐도 고쳐도 계속 다른 이유로 실패했습니다.

그 과정이 전부 기록으로 남아 있습니다. 이 블로그는 그 기록들을 사람이 읽을 수 있는 언어로 다시 쓰는 곳이고요. 코드 수준의 이야기가 아니라 어떤 판단을 했고 어디서 막혔으며 어떻게 돌아갔는지 — 그 흐름을 남기고 싶었습니다.

Pet-Pass로 하려는 일

서비스 자체는 단순합니다. 반려동물을 데리고 갈 수 있는 카페, 식당, 제과점을 지도에서 찾아볼 수 있거든요. 데이터는 식품안전나라의 공식 허가 데이터를 쓰기 때문에, 블로그나 SNS 리뷰가 아니라 정부 기관이 인증한 업소만 표시됩니다.

이렇게 빠르게 기본 기능이 구현될 줄 몰라서, 간단히 붙일 수 있는 기능은 덕지덕지 붙이고 있습니다. 어쩌면 조금 지저분한 사이트가 될지도...

이 블로그도 그중 하나인 셈입니다. 빠르게 구현되는 만큼 선택도 더 빠르게 요구되고 있거든요.


이 블로그에서 다룰 것들

앞으로 각 글은 개발하면서 부딪혔던 이슈 하나를 중심으로 쓸 생각입니다. 어떻게 마주쳤고, 어떻게 해결했고, 그 과정에서 뭘 배웠는지. 제 고민 과정을 적어두는 장소가 될 듯해요.

다음에 다룰 이야기들

이 시리즈는 AI와 친해지는 과정에 대한 기록입니다.

다음 글: 토큰 낭비의 현장 →