목차
내가 만들고 싶은 웹서비스들을 본격적으로 개발해본 지 거의 한 달이 되어간다. 짧다면 짧은 시간이지만 그 안에서 꽤 많은 것들이 바뀌었다. AI 툴 사용법, rules 적용 방식, 개발 흐름 전반이 달라졌고, 지금은 그 과정을 기록해두려 한다.
바이브코딩과 Rules, 생각보다 중요했다
원래는 Cursor를 메인으로 쓰고 있었다. 그런데 어느 순간부터 Pro 플랜임에도 불구하고 토큰 부족 현상이 생기기 시작했다. 쓰다 보면 중간에 막히는 그 답답함이 꽤 컸다.
그래서 찾은 대안이 Zai였다. 각 툴이 부족할 때마다 돌려가면서 쓰는 전략이었는데, 사실 이게 꽤 피곤한 방식이다. Cursor 쓰다 막히면 Zai 켜고, Claude 열고. 오히려 컨텍스트 전환 비용이 더 들었다.
그러다 Claude Code를 써보라는 말을 듣게 됐다. 반신반의하면서 결제해봤는데 생각보다 만족스러웠다. 결국 Cursor, Claude, Zai를 동시에 쓰느니 하나를 제대로 쓰는 게 낫겠다 싶어서 Claude Max 요금제로 정리하고 나머지는 전부 과금을 끊었다. 지금은 그 선택에 후회가 없다.
바이브코딩과 Rules, 생각보다 중요했다
요즘 개발 방식은 바이브코딩 위주다. 처음엔 반신반의했지만 지금은 확실히 성능이 올라왔다는 걸 느낀다.
가장 크게 체감한 건 rules 설정이었다. 흔히 "AI는 아키텍처 설계를 못 한다"는 말을 한다. 근데 그건 rules 없이 그냥 던졌을 때 이야기다. 프론트엔드의 경우 요즘은 FSD(Feature-Sliced Design) 방식을 아키텍처로 사용하고 있는데, 이걸 rules로 정의해두니 AI가 그 구조 안에서 꽤 잘 따라온다. 바이브코딩을 하다 보면 AI가 rules를 지키지 않는 경우도 생기는데, 그럴 때마다 rules를 추가하고 보완하면서 올라오다 보니 어느 순간 방향을 잡고 따라오는 게 보이기 시작했다.
비개발자에게 바이브코딩은 아직 위험할 수 있다
Claude Code를 통해 개발 자체는 비개발자도 가능하다. 하지만 운영과 유지보수에는 아직 한계가 있다고 느낀다.
실제로 지인이 바이브코딩으로 만든 결과물을 나에게 맡긴 적이 있었다. 코드를 열어보니 AI가 순수 HTML만으로 만들어줬더라. 그것도 문제였지만, 더 심각한 건 코드 안에 보안 키가 그대로 박혀 있었다는 거다. 경악했다. rules도 없고, 개발적 지식도 없는 상태에서 AI가 만들어준 결과물을 그냥 올리면 이런 일이 생긴다. 바이브코딩은 도구일 뿐이고, 그걸 다루는 사람이 최소한의 맥락은 알고 있어야 한다는 걸 다시 한번 느꼈다.
서비스 아이디어, 왜 없는지를 먼저 생각해봐라
내가 하고 싶은 서비스가 없다면, 왜 없는지를 생각해보는 것도 중요하다.
"어, 이거 좋은 것 같은데 왜 하는 사람이 없지?" 싶은 서비스가 있을 때, 대부분은 BM이 없거나 유저가 반복해서 돌아올 이유가 없어서인 경우가 많다. 나도 그 함정에 빠진 적이 있다. 왜 이런 서비스가 없지? 하고 개발에 들어가서 홍보를 통해 유저를 한순간에 끌어올리는 건 가능했다. 근데 결국 뒷심이 부족했다. 사람들이 한 번 오고 다시 돌아오지 않았다. 처음부터 재방문 구조를 설계하지 않으면 어렵다는 걸 그때 깨달았다.
애널리틱스는 선택이 아니라 필수다
사이트를 오픈해도 애널리틱스가 없으면 피드백이 불가능하다. 사람들이 어디서 들어왔고, 무엇을 하고 갔고, 어떤 서비스에 접근이 많았는지 알아야 개선이 된다.
요즘은 바이브코딩으로 Vercel에 배포할 때 Vercel Analytics를 연동하는 것도 쉽고, 일정 트래픽까지는 무료다. 구글 애널리틱스도 무료이기 때문에 GA4로 검색해서 추가할 수 있다. 배포 전에 이 두 가지는 꼭 붙여두는 걸 추천한다.
다른 서비스들을 많이 둘러봐라
웹서비스를 개발한다면 관련 도메인의 서비스든, 잘 된 서비스든 많이 둘러보는 게 좋다. 유저들은 조금이라도 불편하면 바로 이탈한다. 다른 서비스들이 그 문제를 어떻게 해결했는지 보는 것만으로도 시행착오를 꽤 줄일 수 있다.
실제로 이런 경험이 있었다. 홈화면에 공지사항을 넣어뒀는데, 내가 홍보한 곳은 /profile 경로였다. 유저들은 그 페이지만 보고 이탈했다. 홈에 열심히 공지를 올려봤자 아무도 보지 않았다. 그래서 헤더 우측 상단에 공지사항 버튼을 추가했다. 근데 또 사람들이 굳이 누르지 않더라. 그래서 새 공지가 생기면 붉은 점으로 표시해서 새 공지가 있다는 걸 시각적으로 알리도록 바꿨다.
이런 흐름 하나하나가 다른 서비스들이 이미 겪어온 문제들이다. 미리 둘러보는 것만으로 그 시행착오의 시간을 상당히 줄일 수 있다고 본다.
한 달이지만 꽤 많은 걸 배웠다. 아직 개발 중인 서비스도 있고 앞으로 시행착오도 더 있겠지만, 지금까지의 기록은 이렇다.
'개인프로젝트' 카테고리의 다른 글
| (웹) Popoll 서비스를 만들다 (0) | 2026.03.17 |
|---|---|
| (익스텐션) 인기방송top10을 추적하는 chzzk-watcher를 만들다. (0) | 2026.03.07 |
| 웹) 서브컬처 게임 명조에 대한 사이트를 만들다. (0) | 2026.03.03 |
| (기록용)바이브코딩 동일한 결과를 내기위한 연구(cursor, claude) (0) | 2026.03.02 |