개발ChatGPTClaudeGemini

바이브코딩 프롬프트: 아이디어에서 첫 버전까지

만들고 싶은 앱을 설명하면 AI 가 먼저 질문하고, 한 장 기획서와 단계별 계획을 세운 뒤 한 기능씩 만들게 합니다. 단계마다 직접 해 볼 확인법도 줘요.

  1. 프롬프트 복사: 아래 원문을 복사합니다. 로그인은 필요 없습니다.
  2. [ ] 칸 채우기: [한두 문장으로] [누가, 어떤 상황에서] [Claude Code / Cursor 등] [세 가지까지] 4곳을 내 상황으로 바꿉니다. 모르는 칸은 비워 둬도 돼요. AI 가 지어내지 않고 물어봅니다.
  3. AI 에 보내기: ChatGPT·Claude·Gemini 대화창에 붙여 넣고 보냅니다.

프롬프트 원문

당신은 비개발자와 함께 앱을 만드는 시니어 개발자입니다. 아래 아이디어로 첫 버전을 만들도록 이끌어 주세요. **아직 코드는 쓰지 마세요.** 계획부터 합니다.

1단계: 질문
- 아이디어를 읽고 꼭 필요한 질문을 5개 이내로 하세요. 제가 답하기 전에는 다음 단계로 넘어가지 마세요.

2단계: 한 장 기획서
- 누가 쓰나 / 해결하는 문제 / 첫 버전에 넣을 기능 3개 / 이번엔 안 할 것 / 화면 목록
- 기술은 비개발자가 다루기 쉬운 쪽으로 고르고, 고른 이유를 쉬운 말로 한 줄씩.

3단계: 단계별 계획
- 기능 하나씩, 단계마다: ① 만들 것 ② 끝났는지 제가 직접 확인하는 방법(예: "앱을 껐다 켜도 적은 메모가 남아 있다") ③ 예상되는 어려움
- 데이터 저장은 첫 단계부터 계획에 넣으세요. 마지막에 붙이면 다 뜯어고치게 됩니다.

4단계: 만들기 (제가 "첫 단계 시작"이라고 하면)
- 한 번에 한 단계만. 끝나면 실행 방법과 확인 방법을 알려 주고 멈추세요.
- 확인이 통과하면 저장(커밋)하라고 알려 주세요.
- 오류가 나면 제가 "한 일 / 기대한 것 / 실제로 일어난 것 / 오류 메시지"로 보냅니다. 짐작으로 여러 곳을 한꺼번에 고치지 말고 원인부터 짚어 주세요.

안전
- API 키나 비밀번호를 코드에 직접 쓰지 마세요. 환경 변수로 빼고 그 방법을 알려 주세요.
- 로그인·결제·개인정보를 다루는 부분은 출시 전에 개발자 검토가 필요하다고 표시하세요.

내 아이디어
- 만들고 싶은 것: [한두 문장으로]
- 쓰는 사람: [누가, 어떤 상황에서]
- 쓰는 도구: [Claude Code / Cursor 등]
- 꼭 있어야 할 기능: [세 가지까지]
바꿔 넣을 칸: [한두 문장으로][누가, 어떤 상황에서][Claude Code / Cursor 등][세 가지까지]

이렇게 넣으면 이런 답이 와요

예시 입력
- 만들고 싶은 것: 동네 헬스장 회원이 이번 달 출석 횟수와 PT 남은 횟수를 볼 수 있는 웹앱
- 쓰는 사람: 회원 80명 정도인 작은 헬스장의 회원들, 휴대폰으로
- 쓰는 도구: Claude Code
- 꼭 있어야 할 기능: 입구 QR로 출석 체크, 내 출석 달력, PT 남은 횟수
실제로 돌린 결과

좋아요. 코드는 아직 쓰지 않고 1단계부터 할게요.

1단계: 질문

아래 다섯 가지가 정해지면 기획서를 쓸 수 있어요. 번호와 기호로 짧게 답하셔도 됩니다. (예: 1-A, 2-B, 3-A …)

1. 이 헬스장에서 어떤 입장이신가요?

A. 관장(운영자) 본인 / B. 트레이너 / C. 회원 / D. 헬스장 부탁을 받고 만들어 주는 사람

회원 등록이나 PT 횟수 수정 같은 관리 일을 누가 맡을지, 회원 정보를 다뤄도 되는 사람이 누구인지가 여기서 갈려요. 관장님 본인이 아니시라면 실제 회원 정보를 넣기 전에 관장님 동의부터 받아야 합니다.

2. 지금 회원 명단과 PT 횟수는 어디에 적고 계신가요?

A. 종이 장부 / B. 엑셀·구글 시트 / C. 헬스장 관리 프로그램이나 앱(이름도 알려 주세요)

처음 80명의 정보를 어떻게 옮겨 넣을지가 달라져요. C라면 그 프로그램에 회원용 화면이 이미 있는지부터 확인해 볼 만해요. 같은 숫자를 두 군데에 따로 적기 시작하면 금방 어긋나거든요.

3. PT 남은 횟수는 누가 줄이나요?

출석(헬스장에 온 것)과 PT 수업은 별개예요. 출석 QR로 PT를 자동으로 줄이면 운동만 하러 온 날에도 줄어서 숫자가 틀어집니다. 그래서 수업이 끝날 때마다 누군가 '1회 차감'을 눌러야 해요.

  • A. 트레이너가 수업 직후 각자 폰으로 차감: 트레이너마다 계정이 필요해요
  • B. 관장님 한 분이 모아서 차감·수정: 관리 계정은 하나면 돼요
  • C. 다른 방식(짧게 설명해 주세요)

관리 화면을 몇 명이 쓰는지, 회원이 보는 숫자가 얼마나 빨리 맞춰지는지가 여기서 정해져요.

4. 헬스장 밖에서 찍는 출석까지 막아야 하나요?

'입구에 인쇄한 QR을 붙여 두고, 회원이 자기 폰 카메라로 찍는 방식'으로 이해했어요. 기기가 필요 없어 가장 간단하지만, QR 사진만 있으면 집에서도 출석이 찍혀요.

  • A. 괜찮다: 출석은 회원이 자기 기록을 보는 용도다 → 입구에 QR 종이 한 장이면 끝
  • B. 막아야 한다: 출석으로 보상을 주거나 횟수권을 차감한다 → 입구에 태블릿(안 쓰는 폰도 가능)을 두고 QR이 계속 바뀌게 해야 해요. 기기를 늘 켜 두고 인터넷에 연결해 둬야 합니다.

모르시겠으면 A로 시작하고, 나중에 B로 바꿀 수 있게 만들어 둘게요.

5. 회원이 '나'라는 걸 어떻게 확인할까요? (로그인)

QR을 찍었을 때 누구의 출석인지 알려면, 회원이 자기 폰에서 처음 한 번은 로그인해 둬야 해요. 어느 방식이든 헬스장에 등록된 회원만 들어올 수 있게 합니다.

  • A. 카카오 로그인: 회원은 버튼 한 번이면 돼요. 대신 처음에 설정할 게 조금 더 많아요.
  • B. 전화번호 + 비밀번호: 익숙한 방식이에요. 비밀번호를 잊으면 관장님이 초기화해 줘야 해요.

고르기 어려우시면 회원분들 연령대와 휴대폰에 얼마나 익숙하신지만 알려 주세요. 제가 골라서 기획서에 이유를 적을게요.

[출시 전 개발자 검토 필요] 로그인과 회원 정보(이름·전화번호·출석 기록)는 개인정보예요. 기획서와 계획에서도 이 부분에 같은 표시를 달아 두겠습니다.


아래는 따로 묻지 않고 이렇게 가정할게요. 제 이해와 다른 게 있으면 답하실 때 같이 알려 주세요.

  • 앱 설치 없이 휴대폰 브라우저로 여는 웹앱이고, 헬스장은 한 곳입니다.
  • 같은 날 여러 번 찍어도 출석은 하루 1번으로 셉니다.
  • 비용은 가능한 한 들지 않는 쪽으로 고릅니다.

답을 주시면 2단계(한 장 기획서)로 넘어갈게요. 그전까지는 기획서도 코드도 시작하지 않겠습니다.

위 예시 입력으로 이 프롬프트를 AI(Claude)에 그대로 넣어 받은 답이에요. 모델과 시점에 따라 표현은 달라질 수 있어요.

더 잘 쓰는 법

  • Claude Code 를 쓰면 기획서가 정해진 뒤 "기획서와 규칙을 CLAUDE.md 에 저장해 줘"라고 하세요. 다음 대화에서도 같은 계획을 이어 갑니다.
  • 단계마다 확인이 통과하면 커밋하세요. 망가져도 돌아갈 지점이 생겨요.
  • 만든 앱은 드림보트에 올려 두고 자동 업데이트를 켜면, 커밋할 때마다 업데이트 기록이 쌓여요.

AI 가 같은 오류를 계속 못 고쳐요. 오류를 "한 일 / 기대한 것 / 실제 / 오류 메시지"로 보내고 "고치기 전에 원인 후보를 3개 말해 줘"라고 하세요. 한꺼번에 여러 곳을 고치는 걸 막으면 빨리 풀려요.

자주 묻는 질문

코딩을 전혀 몰라도 되나요?

됩니다. AI 가 먼저 질문하고, 단계마다 코드가 아니라 "이렇게 해 보면 된다"는 확인 방법으로 알려 주게 되어 있어요. 다만 로그인·결제·개인정보가 들어가면 출시 전에 개발자 검토를 받으세요.

클로드 코드와 커서 중 무엇을 써야 하나요?

둘 다 이 프롬프트로 시작할 수 있어요. 화면에서 코드를 보며 고치고 싶으면 Cursor, 대화로 맡기고 싶으면 Claude Code 가 편한 편이에요.

#바이브코딩#바이브 코딩#코딩#앱 만들기#비개발자#클로드 코드#커서