샌드박스 코딩 도구 — v0, Lovable, Bolt — 를 사용하면 단 한 줄의 아이디어에서 20분 만에 실행 가능한 웹 앱을 만들 수 있습니다. 이러한 마법과 함께 따라오는 비용 구조는 요금이 부과되기 전에 반드시 고려해야 할 사항입니다.

20분 만에 완성되는 앱은 실재합니다

이것은 마케팅용 주장이 아닙니다. SaaS 대시보드를 처음으로 설명했을 때, 작동하는 양식(form), Postgres 테이블, 그리고 Stripe 결제창이 프리뷰 창에 나타나는 것을 지켜보는 실제 경험입니다. 화면이 렌더링되고, 양식이 전송되며, 이메일이 수신함에 도착하면, 당신은 노트북에서 몸을 뒤로 기대며 생각하게 됩니다: 아, 이것이 소프트웨어를 구축하는 미래구나.

실제로 그렇습니다. 단일 스프린트(sprint) 관점에서 볼 때, 이는 실제 사용자에게 무언가를 선보일 수 있는 진정으로 가장 빠른 방법입니다. 문장 하나를 쓰면 기능 하나가 생깁니다. 루프(loop)는 짧고, 피드백은 즉각적이며, 화면 옆의 크레딧 미터(credit meter)는 이 마법을 위한 작은 대가처럼 느껴집니다. 이러한 도구 중 하나를 사용하는 첫 한 시간은 현재 소프트웨어 분야에서 가장 멋진 시간입니다. 오늘 바로 시도해 볼 가치가 있습니다:

# 오늘 바로 시도해 보세요
# v0, Lovable, 또는 Bolt를 여세요
# 프롬프트: "프리랜서가 송장을 추적할 수 있는 SaaS 대시보드"
...

처음 세 가지 기능은 완전한 승리입니다. 흥미로운 질문은 11번째 기능에서는 어떤 일이 벌어지느냐 하는 것입니다.

미터기는 리셋되지 않습니다

첫날에는 나타나지 않는 구조적인 세부 사항이 있습니다. 첫 화면을 만들 때는 관대하게 느껴졌던 바로 그 크레딧 미터가, 3개월 차에는 _최적화해야 할 대상_이 됩니다. 샌드박스 도구들은 사용량(usage) — 크레딧(credits), 토큰(tokens), 생성(generations), 요청(requests) — 에 따라 가격을 책정하며, 사용량은 당신의 성공과 함께 확장되는 유일한 축입니다.

사용자가 많아질수록 더 많은 화면을 원하게 됩니다. 더 많은 화면은 더 많은 프롬프트(prompts)를 의미합니다. 더 많은 프롬프트는 모델이 이미 잊어버린 컨텍스트(context)를 다시 설명해야 함을 의미합니다. 각 기능은 두 번 청구됩니다. 한 번은 기능을 구축할 때, 그리고 다시 한번은 수정을 요청할 때마다 청구됩니다.

[[COMPARE: cost of feature one vs cost of feature twelve on a metered sandbox]]

비용은 일회성 수수료가 아닙니다. 그것은 제품의 성장과 같은 방향으로 증가하는 반복적인 항목(recurring line item)입니다.

성공이 과금의 최악의 축(axis)인 이유

이것은 구조적인 안티 패턴(anti-pattern)이며, 명확히 짚고 넘어갈 가치가 있습니다. 당신의 스택에 있는 다른 모든 인프라 요소들은 성공할수록 단위당 비용이 낮아지는 보상을 제공합니다. CDN은 규모가 커질수록 저렴해지고, 데이터베이스 청구서는 대부분 고정되어 있으며, 도메인은 연간 수수료입니다. 미터링된 샌드박스(metered sandbox)는 사용자가 많아질수록, 그 사용자들이 요구하는 기능을 _추가_하기 위해 더 많은 비용을 지불해야 하는 유일한 항목입니다.

첫 번째 달: 로그인 화면, 대시보드, 설정 페이지를 만듭니다. 5개의 프롬프트(prompt). 저렴합니다.

여섯 번째 달: 알림 센터, 결제 포털, 팀 초대 흐름, 관리자 패널, 공개 마케팅 사이트를 추가합니다. 20개의 프롬프트. 각각의 프롬프트는 컬러 시스템, 라우팅 구조(routing structure), 데이터베이스 스키마(database schema), 인증 흐름(auth flow)을 다시 설명해야 합니다. 모델은 이전의 턴(turns)을 보지 못했거나, 보았더라도 일곱 번째 프롬프트쯤에는 가득 차버리는 유한한 컨텍스트 윈도우(context window)를 가지고 있습니다. 당신은 이미 구축한 컨텍스트를 매번 다시 도출(re-derive)하기 위해 비용을 지불하고 있는 것입니다.

여섯 번째 달의 실제 모습

그 순간을 상상해 보세요. 팀원 화면을 추가하고 싶습니다. 프롬프트를 열고 다음과 같이 입력합니다:

팀원 화면을 추가해줘. 사용자는 이메일로 초대할 수 있고, 초대를 수락할 수 있으며, 조직 내 멤버 목록을 볼 수 있어야 해. 기존 대시보드 스타일과 맞춰줘.

모델은 인증 시스템, 조직 테이블, 기존 네비게이션, 컬러 토큰(colour tokens), 버튼 컴포넌트, 모달 패턴, 토스트(toast) 패턴, API 컨벤션, 데이터베이스 스키마를 다시 도출해야 합니다. 긴 컨텍스트 윈도우를 가지고 있더라도, 매번 디자인 시스템을 붙여넣지 않는 한 모델은 세 번째나 네 번째 기능에서 새로운 버튼 스타일을 만들어낼 것입니다. 이것이 바로 루프(loop)입니다: 디자인 토큰을 복사하고, 붙여넣고, 프롬프트를 입력하고, 다시 생성하고, 검토하고, 회귀(regressions)를 수정하고, 다시 생성하고, 배포하는 과정 말입니다.

분기에 12개의 기능을 곱해보면, 당신의 "월간 구독(monthly subscription)"은 조용히 기능당 세금으로 변해버렸습니다. 첫날 출시한 화면은 앱이 성공한다고 해서 저렴해지지 않았습니다. 오히려 그것을 변경해야 할 때마다 더 비싸졌습니다.

정액제라는 대안

정액제 키트(flat-rate kit)는 이 곡선을 뒤집습니다. 한 번만 지불하면 비용은 구매하는 날 고정되며, 그 이후에 추가하는 모든 화면은 개발자에게 중요한 유일한 의미에서 무료입니다. 즉, 측정기(meter)도 없고, 생성당 수수료(per-generation fee)도 없으며, 재설명 세금(re-explanation tax)도 없습니다.

# 당신이 소유한 키트
- 웹 앱 (프로덕션 준비 완료, 커스텀 도메인 연결됨)
- 모바일 앱 (iOS + Android, 단일 코드베이스)
...

처음 세 개의 기능은 샌드박스(sandbox)보다 저렴하지 않습니다. 처음 세 개의 기능은 샌드박스와 "동일"합니다. 차이점은 11번째 기능에서 나타납니다. 11번째 기능에 도달할 때쯤, 사용량 기반(metered) 사용자는 이미 99달러 상당의 크레딧을 세 번 또는 네 번 넘게 지불했으며, 여전히 디자인 토큰(design tokens)을 다시 붙여넣고 있습니다.

실제로 핵심적인 역할을 하는 것은 컴포넌트(components) 그 자체가 아니라, "컴포넌트가 담고 있는 컨텍스트(context)"입니다. 키트가 CLAUDE.md, .cursorrules, 그리고 테스트 완료된 20개의 프롬프트를 함께 제공할 때, 이는 디자인 토큰, 인증 패턴(auth pattern), DB 스키마(DB schema), 버튼 변형(button variants), 모달 패턴(modal pattern), 토스트 패턴(toast pattern), API 컨벤션(API conventions)을 어떤 AI 코딩 에이전트(AI coding agent)라도 읽을 수 있는 단일 진실 공급원(single source of truth)으로서 제공하는 것입니다. 모든 프롬프트에 디자인 시스템을 붙여넣을 필요가 없습니다. 키트가 이미 에이전트가 가장 먼저 읽는 파일에 영구적으로 붙여넣어 두었기 때문입니다.

import { Button } from "@otfdashkit/ui";

export function InviteButton({ onClick }: { onClick: () => void }) {
...

당신은 그것을 한 번만 작성합니다. 알림 센터, 결제 포털, 팀 초대 흐름, 관리자 패널을 추가하는 날에도 — 각각의 요소는 동일한 Button, 동일한 Modal, 동일한 Card를 임포트(import)합니다. 프롬프트도 필요 없고, 재생성(regeneration)도 필요 없으며, 측정기(meter)도 필요 없습니다. 비용은 당신이 키트를 구매한 날 멈췄습니다.

둘 다 사용하세요 — 이것이 정직한 답변입니다

가장 강력한 패턴은 "샌드박스냐 키트냐"가 아닙니다. 그것은 _샌드박스 그 다음 키트_입니다. 스파이크(spike)를 위해서는 샌드박스를 사용하세요. 즉, 실제 사용자와 함께 아이디어를 검증하는 초기 20분 동안 말입니다. 샌드박스는 그 단 하나의 작업을 수행하는 데 있어 업계에서 가장 빠른 도구입니다. 그다음, 효과가 있었던 것을 내보내어(export), 향후 18개월 동안 기능별로 요금을 부과하지 않는 정액제(flat-rate) 기반 위에서 견고하게 구축(harden)하십시오.

# step 1: 빠르게 프로토타입 제작
# v0, Lovable 또는 Bolt를 엽니다
# 프롬프트: "프리랜서가 송장을 추적할 수 있는 SaaS 대시보드"
...

[[DIAGRAM: spike in the sandbox, harden on a flat-rate foundation, ship the system]]

샌드박스는 첫날부터 제값을 합니다. 키트는 90일째, 300일째, 1,000일째에 제값을 합니다. 이 둘은 대립 관계가 아닙니다. 샌드박스는 _스파이크(spike)_이고, 키트는 _시스템(system)_입니다. 시니어 엔지니어들은 영원히 이 2단계 패턴을 사용해 왔습니다. 유일하게 새로운 점은 스파이크가 너무 훌륭해서 2단계를 시작하는 것을 잊어버리게 된다는 것뿐입니다.

변하지 않는 부분

모델의 가격은 변할 것입니다. 샌드박스의 크레딧 티어(credit tiers)도 변할 것입니다. 1월에 흥미로웠던 도구들이 12월에는 알아볼 수 없게 될 것입니다. 변하지 않는 단 한 가지는 비용의 형태(cost shape)입니다. 모든 측정 기반(metered) 도구는 앱이 성공할수록 더 많은 비용을 청구하며, 모든 정액제(flat-rate) 키트는 구매한 날부터 더 이상 비용을 청구하지 않습니다.

키트가 당신의 리포지토리(repo)에 들어오면, 비용의 형태는 당신의 통제하에 있게 됩니다. 모델은 변할 수 있습니다. 크레딧 티어도 변할 수 있습니다. 하지만 인보이스(invoice)의 항목은 당신이 구매한 날에 멈춥니다. 결과적으로, 300일째에 기능을 추가하는 비용은 3일째에 추가할 때와 동일합니다.

지속 가능해야 하는 작업의 성격에 맞는 형태를 선택하십시오. 첫 번째 스프린트는 스파이크입니다 — 측정(meter)하십시오. 그다음 18개월은 시스템입니다 — 소유(own)하십시오.