Chapter 9 · 04/28 ~ 05/04

상담사가 직접 도구를 만들어야 하는가?

AI 도구의 소비자에 머물 것인가, 창조자가 될 것인가.
상담사가 직접 도구를 만들어야 하는가?

바이브 코딩 도구 비교 (2026.4 기준)

Replit

팀 협업 + 자율 Agent 3가 가장 성숙한 환경

최신 업데이트
  • Agent 3: 3시간 이상 연속 자율 작업, 브라우저에서 직접 테스트하고 자동 수정(self-healing). 여러 명이 동시에 별도 Agent 스레드 돌릴 수 있고 충돌은 자동 머지
  • 실시간 멀티플레이어 — 한 프로젝트에 팀 전원이 같이 들어가 코드 편집(200ms 이하 동기화)
  • Teams 플랜은 2026.3.3부 sunset → Pro로 자동 통합
가격

Free / Core $25/월(연 $20) — 협업자 5명 / Pro $100/월(연 $95) — 빌더 15명 + 뷰어 50명, 크레딧 풀 공유

이 수업에서 언제

팀 전원이 같은 프로젝트에 동시에 들어가 빌드해야 할 때. 조원 5명 이내면 조장 Core 1개로 충분

Lovable 2.0

프롬프트 한 줄에서 풀스택 앱까지 — 모바일에서도

최신 업데이트
  • Lovable Cloud: 백엔드·DB·인증·스토리지 전부 내장. 별도 서버 셋업 없이 바로 배포
  • Agent Mode + Visual Edits — UI 요소 클릭해서 직접 수정, 자율 디버깅, 실시간 웹 검색
  • iOS/Android 앱 출시(2026.4.28) — 음성·텍스트로 이동 중에도 빌드 가능
  • GitHub 코드 익스포트 후 Vercel·Netlify·자체 서버 어디든 배포 가능
가격

Free 5 daily credits / Pro $25/월 — 100 크레딧 + 무제한 사용자 공유 / Business $50/월 — SSO·팀 워크스페이스 / Enterprise. 학생 50% 할인

이 수업에서 언제

MVP·내부 도구를 가장 빠르게 만들고 싶을 때. 디자인 감각 있는 결과물이 필요하고, 코드 깊이 들어갈 일이 적을 때

Google AI Studio (Build)

Gemini로 무료에 가깝게 풀스택 앱

최신 업데이트
  • Build 모드: 풀스택 런타임, 서버 로직, 시크릿 관리, npm 패키지 지원 — 자연어 프롬프트만으로
  • Antigravity 코딩 에이전트 — 프롬프트를 프로덕션 앱으로 직접 변환
  • Annotation Mode — 앱 UI 영역을 하이라이트해 변경 요청
  • Cloud Run에 스케일러블 서비스로 배포하거나 GitHub 익스포트
  • AI Pro/Ultra 구독자에게 더 높은 사용 한도 + Nano Banana Pro·Gemini Pro 모델 개방(2026.4)
가격

무료 (사용 한도 있음) / Google AI Pro·Ultra 구독 시 한도·모델 확장. Workspace 결합 가능

이 수업에서 언제

추가 결제 없이 빠르게 시작하고 싶을 때. Gemini 모델 자체의 강점(이미지·비디오·긴 컨텍스트)을 살린 프로토타입에 적합

셋 다 GitHub 익스포트가 가능하므로 한 도구에 갇히지 않습니다. 처음엔 가장 익숙한 곳에서 시작하고, 필요해지면 옮기세요.

만들기 전에 — PRD 한 장 쓰기

PRD(Product Requirements Document, 제품 요구사항 문서)는 '무엇을 만들 것인가'를 한 페이지로 정리한 글이다. 바이브 코딩에서 PRD가 특히 중요한 이유는, 명확한 요구사항이 없으면 AI 에이전트가 매번 다른 결과물을 만들기 때문이다. 같은 프롬프트라도 PRD 한 장을 먼저 쥐어주면, 에이전트는 그 PRD를 기준점으로 삼고 일관된 방향으로 빌드한다. 코드 한 줄 쓰기 전에 PRD부터 쓰는 것이, 바이브 코딩의 시작이다.

PRD에 들어가야 할 6가지
  1. 1
    문제 정의 (Problem)

    누가, 어떤 상황에서, 어떤 어려움을 겪는가. 한두 문장으로 짧게. '~한 사람이 ~할 때 ~를 못 하고 있다.'

  2. 2
    사용자 (Target Users)

    1순위 사용자가 누구인가 (예: 고1 학생, 학교 상담교사). 기술 수준·사용 환경(모바일/PC/오프라인)도 함께.

  3. 3
    핵심 사용 흐름 (Core User Flow)

    사용자가 처음 들어와서 어떤 단계를 거쳐 무엇을 얻는가. 3~5단계로 끊어서. 한 단계는 한 줄.

  4. 4
    기능 목록 (Features)

    Must-have(이번 주에 반드시 동작) · Nice-to-have(시간 남으면) · Out of scope(명시적으로 안 만든다). 셋을 분리하면 욕심이 줄고 우선순위가 잡힌다.

  5. 5
    제약 조건 (Constraints)

    시간·예산·데이터·윤리. 상담 도구라면 익명성, 기록 보관 기간, 법적 문제(의료 행위 금지 등)를 반드시 명시.

  6. 6
    성공 기준 (Success Criteria)

    어떻게 '되었다'고 판단할 것인가. 측정 가능한 형태로. 예: '동료 교사 3명에게 시연했을 때 한 명 이상이 다음 주에 쓰겠다고 답한다.'

예시 PRD — 학생 위기 신호 도우미
문제
학교 상담교사는 학생 200명 중 위기 신호를 보이는 학생을 조기에 식별하기 어렵다. 면담 30분 단위로는 모든 신호를 놓치지 않고 보기 어렵다.
사용자
1순위: 학교 상담교사 / 2순위: 담임교사. 모바일·PC 모두에서 사용.
사용 흐름
(1) 교사가 학생 ID와 상담 메모 입력 → (2) AI가 위기 신호 키워드 감지 → (3) 위험도와 권장 대응 출력 → (4) 면담 일정 추천.
기능
Must: 메모 입력, 키워드 감지, 위험도 표시. Nice: 추세 그래프, 동료 상담사와 공유. Out: 자동 진단 (의료 행위 금지).
제약
학생 정보는 익명 ID만 사용 / 원문은 외부 서버에 저장 금지 / 한 학생 처리 30초 이내.
성공 기준
동료 교사 3명에게 시연 시 한 명 이상이 '다음 주에 쓰겠다'고 답하면 성공.
마지막 팁PRD를 Replit Agent · Lovable · Google AI Studio Build에 그대로 붙여 넣고 마지막에 "Build me an MVP based on this PRD." 한 줄만 더하면, 그게 바이브 코딩의 첫 프롬프트다. PRD가 정확할수록 결과물도 정확하다 — 모호한 PRD에서 좋은 앱이 나오는 일은 없다.

이번 주 빌드 목표