바이브코딩

바이브코딩으로 뭔가 만들 때 '이거' 빼먹으면 안 돼요

최종 기획안부터 만듭니다. 즉, PRD를 만들어요

2026.03.06 | 조회 573 |
0
|

딸아이는 독일에서 김나지움(중고교 통합 과정)에 다니고 있어요. 특이하게 제1외국어로 라틴어를 배워요. 6학년이 된 딸아이는 최근 라틴어에 조금씩 자신감을 잃고 있어요. 바이브코딩도 배우고 있겠다, 이참에 딸아이가 라틴어를 게임처럼 즐길 수 있다면 어떨까 생각이 들었어요.

 

여러분도 자녀의 학습을 돕는 게임을 만들어 보세요. 아내로부터 클로드 맥스 버전을 구독할 명분을 얻게 될지 모릅니다. (저는 아직 프로 써요.....)

 

1.러버블 가입해요

 

러버블 메인 화면입니다.
러버블 메인 화면입니다.

러버블에 회원 가입하고 채팅창에 만들고 싶은 내용을 입력하면 결과물이 뚝딱 나오는 곳이에요. 근데 그냥 만들면 영 시원찮게 나오겠죠?

 

그래서 러버블이 잘 알아듣고 작업할 수 있는 지시서를 만들어줍니다. 그 지시서를 복붙해주면 1차 결과물이 나와요.

 

2. 작업 지시서, 'PRD' 만들기

 

Product Requirements Document 약자입니다. 외우지 마세요. 그냥 PRD 만든다고 생각하세요.

 

PRD는 커스텀 챗지피티의 러버블용 PRD Generator를 사용합니다.

(이동: https://chatgpt.com/g/g-67e1e85fbeac8191a69b95c6d5c42ef6-lovable-prd-generator )

아예 아이디어를 평가해주는 PRD Validator도 있으니 내 서비스 아이디어를 평가받은 뒤 PRD를 만들고 싶은 분들은 아래로 들어가서 물어보세요.
(이동 : https://chatgpt.com/g/g-67e1f2e01eb88191a2aef3368297a85e-lovable-idea-validator )


첨부 이미지

 

오른쪽 제 프롬프트를 참고하세요. 게임에 대한 요구 사항을 구체적으로 요청하세요. 그럼 PRD Generator가 기획을 위해 이것저것 물어봐요.


첨부 이미지

 

물어보는 건 구체적으로 알려주세요. 기술적인 건 어려우니 알아서 해달라고 합니다. 어느 정도 방향성을 마음에 들게 뽑았다, 그러면 진행시킵니다.


첨부 이미지

 

이렇게 총 4개 문서를 만듭니다. 혹은 요청하시는 주제에 따라 더 많은 또는 더 적은 문서를 만들 수도 있어요.

 

이제 러버블에 복붙할 수 있게 합쳐달라고 합니다.


첨부 이미지

 

3. 러버블로 가서 복붙해 게임 완성!

 

PRD Generator가 만들어준 텍스트를 복사하고 러버블로 가서 붙여주면 됩니다. 러버블 채팅창에 붙여넣어주세요.

 

러버블에 입력하고 엔터 치면 끝!
러버블에 입력하고 엔터 치면 끝!

그러면 게임 하나가 뚝딱 나옵니다.

 

듀오링고 스타일 학습 게임을 만들었어요.
듀오링고 스타일 학습 게임을 만들었어요.

이 게임이 아이 친구들 사이에서 도움이 된다면? 로그인 기능을 만들어 가입자를 받는다면? 사실상 게임 서비스를 론칭하는 셈입니다. 도메인도 하나 사서 붙이면 그럴 듯한 게임 사이트가 되는 겁니다. 신기하죠?

 

4. 배포하기

 

*둘러보기: https://lateinmathe.lovable.app

 

위 둘러보기 링크처럼 일단 들어가볼 수 있는 페이지를 만드는 걸 '배포(deploy)'라고 하더라고요? 공개하기, 라고 할 수 있겠어요. 배포는 러버블 우측 상단 파란 버튼 누르시면 드롭 다운으로 나오는 메뉴에서 하실 수 있어요. 페이지 이름도 적절히 마음에 드는 워딩으로 정해보세요.

 

첨부 이미지

 

버전1의 게임은 아직 완전한 상태가 아니예요. 고쳐야 할 부분이 많고요. 그래도 아이가 재밌고 유익하다고 좋아하네요 ^_____^

 

첨부 이미지

 

동료분들, 일단 여기까지 같이 해보셨나요? 이렇게 개발 문외한인 사람도 사랑하는 사람을 위해 뭔가 서비스를 제작할 수 있다니 기쁘지 않으신지요.

 

다음 편에서는 이 게임을 커서 내 클로드 코드로 불러와 거기서 수정하는 작업을 해볼게요.

 

 

다가올 뉴스레터가 궁금하신가요?

지금 구독해서 새로운 레터를 받아보세요

✉️

이번 뉴스레터 어떠셨나요?

뉴스대디와 만드는 AI Agent 님에게 ☕️ 커피와 ✉️ 쪽지를 보내보세요!

댓글

의견을 남겨주세요

확인
의견이 있으신가요? 제일 먼저 댓글을 달아보세요 !

다른 뉴스레터

주니어급 매니저(AI에이전트)랑 같이 일해요

내 B2B 세일즈 실무 백업해주는 AI에이전트 사용법. 여러분 직업은 무엇인가요? 제 본업은 B2B 데이터 솔루션 세일즈예요. 전 직장 다닐 때 '아, 주니어급 매니저 한 명만 나를 백업해줬으면...' 이런 생각을 정말 많이 했어요.

2026.04.04·AI Agent·조회 592·댓글 2

업무상 자료 리서치, 챗GPT & 제미나이 이제 그만

클로드코드로 AI 리서치 특전사 고용하세요. 저는 업무상 리서치할 때 LLM 챗봇 안 써요. ChatGPT한테 "A 회사 분석해줘" 하면 그럴듯한 답이 나오긴 해요. 근데 3번 중 1번은 틀린 정보가 섞여 있어요. 결국 다

2026.05.04·AI Agent·조회 207

40대 비개발자도 만드는 에이전트팀

[4] 기초적인 팀 단위 멀티 에이전트 만들기. 이제 작업할 환경을 만들기 위해 셋업할 건 없어요. 커다랗고 복잡한 에이전트팀 만들기 전에 간단한 팀 하나 만들어보는 연습을 해볼게요. 무슨 에이전트 만들 것인가

2026.02.17·AI Agent·조회 1.63K·댓글 2

생각없이 만들면 안 되는 AI에이전트

[3] AI에이전트를 제대로 활용하려면 지금 생객해봐야 체크리스트. 초등학교 3학년도 따라하는 AI에이전트 만들기 완전 초기 셋업, 다 완료하셨나요? [1] 9살도 따라하는 AI에이전트 준비 셋업

2026.02.14·AI Agent·조회 1.46K·댓글 4

아무도 안 알려주는 초기 작업환경 셋업

[2] 개발자들은 너무 당연한데 일반인 & 비개발자는 절대 모르는 노하우. 이제 본격적인 작업을 위해 작업환경을 세팅할 거예요. 이게 중요한 이유는 아무도 가르쳐주지 않기 때문입니다. 이미 개발자이신 분들은 오래전에 자신에게 맞는 개발 작업 환경을 세팅해

2026.02.10·AI Agent·조회 4.55K·댓글 9

9살도 따라하는 AI에이전트 준비 셋업

[1] 천리길도 한 걸음부터 . 9살도 따라하는 AI에이전트 만들기 시작합니다! 우선 컴퓨터가 필요하죠. 저는 맥북에어 사용 중입니다. 평생 윈도우 컴퓨터만 써왔는데 바이브코딩 하려니 애플 제품이 더 잘 돌아가더

2026.02.06·AI Agent·조회 1.66K·댓글 4
© 2026 뉴스대디와 만드는 AI Agent

AI 창궐로 레이오프 된 비개발자 출신 40대의 AI Agent 정복 스토리

메일리 로고

도움말 자주 묻는 질문 오류 및 기능 관련 제보

서비스 이용 문의admin@team.maily.so 채팅으로 문의하기

메일리 사업자 정보

메일리 (대표자: 이한결) | 사업자번호: 717-47-00705 | 서울특별시 송파구 위례광장로 199, 5층 501-8호

이용약관 | 개인정보처리방침 | 정기결제 이용약관 | 라이선스