
01편. 프롤로그 - AI와 함께 B2B 플랫폼을 만들다
Claude Code와 함께 3개월간 B2B 견적 플랫폼을 만든 이야기입니다.
이 글에서는 프로젝트를 시작하게 된 계기, 완성된 결과물, 시리즈 개요를 다룹니다.
🎬 시리즈 소개
"AI가 코드를 썼고, 나는 방향을 정했습니다"
안녕하세요.
오늘부터 제가 3개월간 Claude Code와 함께 B2B 견적 플랫폼을 만든 이야기를 연재합니다.
이건 회사 프로젝트가 아닙니다. 업무 자동화 이야기도 아닙니다.
순수하게 개인 실험입니다.
🔥 시작은 하나의 질문이었다
저는 원래 개발자였습니다.
코드를 짜고, 시스템을 설계하고, 버그를 잡던 사람.
하지만 현업을 떠난 지 꽤 됐습니다. 지금은 평범한 샐러리맨으로 살고 있죠.
그러던 어느 날, AI 코딩 도구들이 쏟아져 나온다는 소식을 들었습니다.
GitHub Copilot, Cursor, 그리고 Claude Code.
"터미널에서 AI한테 말하면 코드를 짜준다고?"
호기심이 생겼습니다.
그리고 하나의 질문이 떠올랐죠.
"지금의 내가 AI와 함께라면, 어디까지 만들 수 있을까?"
🎯 실험 주제를 고르다
뭘 만들지 고민했습니다.
막연히 "뭔가 만들어보자"로는 안 될 것 같았습니다.
실험이 되려면 조건이 필요했습니다:
- 형식이 명확할 것 — 자유도가 너무 높으면 끝이 없다
- 요구사항이 구체적일 것 — 완성 기준이 있어야 한다
- 실제로 작동하는 결과물이 나올 것 — 데모가 아닌 진짜 서비스
이 조건에 딱 맞는 게 있었습니다.
견적서.
견적서는 형식이 정해져 있습니다. 항목, 수량, 단가, 합계. 누가 봐도 견적서인 결과물.
CRUD가 필요하고, 인증이 필요하고, 이메일 발송이 필요하고, 관리자 페이지가 필요합니다.
웹 서비스의 핵심 기능을 거의 다 건드려야 하는 주제.
실험 대상으로 완벽했습니다.
🤖 AI가 실행하고, 나는 결정했다
Claude Code를 설치하고 첫 번째 명령을 입력했습니다.
"Next.js로 B2B 견적 플랫폼 만들어줘"
AI가 답했습니다.
"네, 프로젝트 구조부터 설계해드릴게요.
어떤 기능이 필요하신가요?"
그 순간, 뭔가 느낌이 왔습니다.
"이거... 진짜 되겠는데?"
이후 3개월간의 작업은 이런 식으로 진행됐습니다:
- AI가 코드를 작성했습니다
- AI가 기능을 추가했습니다
- AI가 버그를 수정했습니다
- 나는 방향을 정했습니다
- 나는 결과를 판단했습니다
- 나는 다음 단계를 결정했습니다
솔직히 말하면, 코드의 90%는 AI가 썼습니다.
이걸 숨길 생각은 없습니다. 그게 이 실험의 핵심이니까요.
📅 3개월의 여정
퇴근 후 2~3시간씩, 3개월.
결과적으로 이런 시스템을 만들었습니다:
🔗 실제 운영 중인 사이트: kmetaro.com
만든 것들
- 🏠 고객용 웹사이트 (12페이지)
- 제품 소개, 문의하기, FAQ, 회원가입/로그인...
- 👤 마이페이지 (7페이지)
- 내 문의 관리, 견적 확인, 주문 확정, 배송지 관리...
- 🔧 관리자 시스템 (15페이지)
- 문의 관리, 견적 생성/발송, 회원 관리, 통계...
- 📧 이메일 시스템 (15종 템플릿)
- 문의 접수 확인, 견적서 발송, 입금 확인...
- 🌐 다국어 지원 (한국어/일본어)
운영 비용
월 0원.
Vercel, Supabase, Resend 모두 무료 플랜.
(도메인 비용 연 2만 원 제외)
🎯 이 시리즈에서 다룰 내용
앞으로 30편에 걸쳐 처음부터 끝까지 모든 과정을 공개합니다.
- 실제 사용한 프롬프트 그대로 공개
- AI가 생성한 코드와 내가 수정한 부분
- 에러 상황과 해결 과정
- 노하우와 삽질 경험담
코딩을 잘 모르셔도 괜찮습니다.
이 시리즈는 "AI와 함께 어디까지 갈 수 있는가"에 대한 기록입니다.
같이 가보시죠.
📋 이번 편 요약
| 항목 | 내용 |
|---|---|
| 프로젝트 성격 | 개인 실험 (회사 무관) |
| 프로젝트 기간 | 3개월 (퇴근 후 2-3시간) |
| 완성된 페이지 | 34페이지 (고객 12 + 마이페이지 7 + 관리자 15) |
| 이메일 템플릿 | 15종 |
| 다국어 지원 | 한국어, 일본어 |
| 월 운영비 | 0원 (도메인 제외) |
다음 편에서는 기술 스택 선정 이유를 설명합니다.
💬 질문이나 피드백이 있으시면 댓글로 남겨주세요!
'바이브코딩' 카테고리의 다른 글
| 04. 프로젝트 구조와 폴더 설계 (App Router) (0) | 2026.01.11 |
|---|---|
| 03. 개발 환경 세팅 - Claude Code 설치부터 (0) | 2026.01.11 |
| 02. 기술 스택 선정 - 왜 이 조합인가 (0) | 2026.01.11 |
| 00. AI와 함께 B2B 플랫폼 만들기 - 전체 목차 (0) | 2026.01.11 |
| 혼자서 만든 B2B 견적 플랫폼, 월 0원으로 운영하기까지 (0) | 2026.01.10 |