AI 앱 빌더(AI app builders)에 대한 대부분의 비교 기사들은 각 도구를 한 번씩만 사용해 본 사람들에 의해 작성됩니다. 우리는 이 도구들로 매일 제품을 출시합니다.

Inithouse에서 우리는 거의 전적으로 AI 코드 생성 도구(AI code generation tools)로 구축된 17개의 라이브 제품 포트폴리오를 운영하고 있습니다. 카드 게임, AI 감사 플랫폼, 음악 생성기, 갈등 해결사, 음성 우선 워크스페이스(voice-first workspaces) 등이 있습니다. 각 제품은 서로 다른 요구 사항을 가지고 있었으며, 우리는 작업에 따라 결국 서로 다른 도구를 사용하게 되었습니다.

우리가 실제로 무엇을, 언제 사용하는지에 대해 설명하겠습니다.

Lovable: 풀스택 기본값 (the full-stack default)

우리의 17개 제품 중 약 15개가 Lovable에서 실행됩니다. Lovable은 React 프론트엔드(frontend), Supabase 백엔드(backend) (Postgres, auth, storage, edge functions), 커스텀 도메인으로의 원클릭 배포(one-click deploy), 그리고 버전 관리를 위한 GitHub 동기화(sync)까지 풀스택(full stack)을 처리합니다.

반복 루프(iteration loop)는 Lovable이 차별화되는 지점입니다. 수십 번의 변경 사항을 채팅으로 진행할 수 있으며, AI는 이전 작업을 망가뜨리지 않고 여러 라운드에 걸쳐 컨텍스트(context)를 유지합니다. 이는 드문 일입니다. 다른 도구들의 경우, 20번째 수정 사항이 3번째 수정 사항을 덮어쓰는 경향이 있습니다.

우리는 가장 복잡한 제품인 Voice Tables (실시간 협업 기능이 있는 음성-구조화 데이터 워크스페이스)를 전적으로 Lovable로 구축했습니다. Supabase 통합을 통해 플랫폼을 떠나지 않고도 인증(auth), 데이터베이스(database), 실시간 구독(real-time subscriptions), 파일 저장소(file storage)를 처리합니다.

문제점: AI가 잘못된 임포트(import)를 환각(hallucinate)하거나 깨진 SQL을 생성할 때, 디버깅(debugging)은 제대로 된 IDE가 아닌 채팅 인터페이스 내에서 이루어집니다. 복잡한 상태 관리(state management)나 엣지 함수(edge function) 로직의 경우, 때때로 코드를 Cursor로 복사하여 그곳에서 수정한 후 GitHub를 통해 다시 푸시(push)합니다.

가격 현실: 무료 티어(Free tier)는 하루에 5개의 크레딧(credits)을 제공합니다. Pro 플랜($25/month)은 100개의 크레딧을 제공하지만, 활발한 개발 중에는 빠르게 소진됩니다. 무언가 제대로 된 것을 만들고 있다면 2~3개월 정도의 Pro 플랜을 계획하세요.

Bolt: 일회성 프로토타입(throwaway prototypes)을 위한 가장 빠른 도구

Bolt는 WebContainers를 통해 브라우저에서 완전히 실행되므로 로컬 설정(local setup)이 전혀 필요 없습니다. 아이디어를 15분 만에 테스트해야 할 때, Bolt는 우리의 첫 번째 선택입니다.

Bolt는 경쟁사 중 가장 많은 프레임워크를 지원합니다: React, Vue, Svelte, Angular, Astro, Remix, Next.js, Expo. 만약 팀이 React를 사용하지 않는다면, Bolt가 아마 유일한 선택지일 것입니다.

트레이드오프(tradeoff)는 아키텍처 제어권입니다. Bolt는 데모용으로는 작동하지만, 장기적인 유지보수를 고려한 구조로 코드를 생성하지는 않습니다. 내장된 데이터베이스 통합 기능이 없으므로, Supabase나 Firebase를 직접 연결해야 합니다. 배포 옵션 또한 Lovable의 원클릭 커스텀 도메인 설정과 비교하면 제한적입니다.

우리는 초기 단계에서 빠른 개념 검증(concept validation)을 위해 Bolt를 사용했습니다. 개념이 실행 가능하다는 것이 증명되면, 프로덕션(production)을 위해 Lovable에서 다시 구축했습니다. 이러한 2단계 워크플로우("Bolt에서 프로토타입 제작, Lovable에서 출시") 덕분에 사용자들과의 첫 접점에서 살아남지 못할 아이디어에 크레딧을 낭비하는 것을 방지할 수 있었습니다.

v0: 컴포넌트 수준의 정밀함

Vercel의 v0는 앱 빌더가 아닙니다. 그것은 컴포넌트 생성기(component generator)이며, 매우 뛰어난 도구입니다. 설명(description)으로부터 세련된 React 및 Tailwind 컴포넌트를 생성합니다. 출력물의 품질은 개별 UI 조각에 대해 Lovable이나 Bolt가 생성하는 것보다 일관되게 더 높습니다.

우리는 특정 UI 컴포넌트(가격표, 대시보드 카드, 다단계 양식 등)가 필요하고, 그것이 별도의 설정 없이도 즉시 훌륭해 보이기를 원할 때 v0를 사용합니다. 그런 다음 생성된 코드를 우리의 Lovable 프로젝트에 넣습니다.

한계점은 범위(scope)입니다. v0는 백엔드(backend), 데이터베이스(database), 또는 인증(authentication)을 생성하지 않습니다. 또한 아무것도 배포하지 않습니다. 완전한 제품을 원한다면, v0는 체인 그 자체가 아니라 체인 내의 하나의 도구일 뿐입니다.

Cursor: 실제 IDE가 필요할 때

Cursor는 AI가 깊게 통합된 VS Code의 포크(fork) 버전입니다. 위의 도구들과 달리, Cursor는 사용자가 코딩하는 방법을 알고 있다고 가정합니다. AI는 코드를 생성하기보다는 보조하는 역할을 합니다.

우리는 채팅 기반 빌더(chat-based builders)가 제대로 처리하지 못하는 부분, 즉 복잡한 비즈니스 로직의 디버깅(debugging), Supabase edge functions의 리팩터링(refactoring), 생성된 코드의 보안 문제 검토 등을 위해 Cursor를 사용합니다. 우리의 Audit Vibe Coding 제품이 탄생한 이유 중 일부는 AI가 생성한 코드가 얼마나 많은 미묘한 문제들을 유발하는지 배웠기 때문이며, 이를 잡아낼 수 있는 유일한 방법은 제대로 된 에디터에서 코드를 읽는 것뿐이었습니다.

Cursor의 자동 완성(autocomplete)과 인라인 채팅(inline chat)은 숙련된 개발자가 전체 빌드 과정에서 Lovable 대신 이를 선호할 만큼 충분히 빠릅니다. 하지만 우리 팀에게 있어 그 트레이드오프(tradeoff)는 가치가 없습니다. Lovable의 배포 파이프라인(deploy pipeline)과 Supabase 연결(wiring)이 Cursor의 에디터 정밀함이 주는 이점보다 더 많은 시간을 절약해 주기 때문입니다.

가격: 월 $20 Pro 플랜. 현재 Windsurf와 동일합니다.

Windsurf: 사용하기보다는 지켜보는 중

Windsurf (Codeium 제작)는 AI 우선(AI-first) 접근 방식을 가진 또 다른 VS Code 포크(fork)입니다. 개념은 Cursor와 유사하지만 더 자율적인 철학을 가지고 있습니다. Windsurf는 당신을 대신해 일을 하기를 원하고, Cursor는 당신과 함께 일을 하기를 원합니다.

우리는 두 개의 작은 제품에 이를 테스트해 보았습니다. 자율 모드(autonomous mode)는 유망하지만 생태계가 덜 성숙해 있습니다. 더 적은 확장 프로그램(extensions), 더 작은 커뮤니티, 더 적은 문서화가 특징입니다. 생태계가 따라잡으면 다시 살펴볼 예정입니다.

실제 의사결정 트리

17개의 제품을 출시한 후, 우리의 기본 워크플로우는 다음과 같습니다:

1. 새로운 아이디어 검증 (< 1시간): Bolt. 설정이 전혀 필요 없고, 결과물이 빠르며, 일회성 코드(throwaway code)로 적합합니다.
2. MVP 빌드 (며칠에서 몇 주): Lovable. 풀스택(Full-stack), 커스텀 도메인 배포, 채팅을 통한 반복(iterate)이 가능합니다.
3. 특정 UI 컴포넌트: v0. 결과물을 Lovable에 넣습니다.
4. 디버깅 / 코드 리뷰 / edge functions: Cursor. 채팅 인터페이스만으로는 충분하지 않을 때 사용합니다.
5. 지속적인 모니터링: 우리는 AI 생성 코드에서 놓치기 쉬운 문제들을 잡아내기 위해 Audit Vibe Coding을 구축했습니다. 만약 당신이 '바이브 코딩(vibecoded)'된 제품을 실제 사용자에게 출시하고 있다면, 결과물을 감사(auditing)하는 것은 선택이 아닌 필수입니다.

단 하나의 도구가 모든 것을 해결할 수는 없습니다. 올바른 질문은 "어느 것이 최고인가"가 아니라 "이 단계에서 나는 무엇을 사용할 것인가"입니다.

저희는 Inithouse이며, 여러 AI 제품을 병렬적으로 출시하고 있는 스튜디오입니다. 더 자세한 내용은 inithouse.com에서 확인하실 수 있습니다.