기획자가 바이브코딩 직접 해보기 [0. 제미나이에게 기획안 던지기]

IT직종에서 일하지만,

개발과 담쌓고 살았다. 개발자와 의사소통 할 수 있는 개념만 조금 알고,

 

개발은 잘 모르기 때문에, 이번에 바이브코딩을 통해 개발을 직접 공부해보려고 한다.

 

준비물 : 제미나이(프로)

가자! 잼민아!

 

---

<바이브 코딩 기획안>

목표: 친구들끼리 할 수 있는 라이어 게임 앱을 만들고 싶다. (오프라인)
- 작업환경 (구글 제미나이 프로)

주요항목
1. 서버가 없어도 된다.
2. 인원 선택이 있어야 한다.
3. 라이어가 자동배정되어야한다.
4. 게임 플레이
5. easy mode on/off 기능이 있어야 한다
6. 이지모드를 on 했을경우 제시어의 맨 앞자리 영어글자 하나를 보여줘야 한다.
7. 제시어 주제 및 주제에 따른 구성요소 내용물이 20가지 이상은 있어야 한다. (대중적이여야함)
8. 구동되는 환경은 모바일이며, 안드로이드다. 
 

각 항목별 주요 설명
1. 서버가 없어도 된다
- 와이파이가 필요없으며 앱만 열면 게임을 할 수 있도록 구동이 된다.

2. 인원 선택이 되어야 한다 (최소인원 4인, 라이어 최소1인 최대 2인)
3. 라이어가 자동 배정되어야 한다.
- 선택된 인원 중 설정한 랜덤 N명만큼 라이어 배정

4. 게임 플레이
- 주제를 고른다.
- 자동으로 제시어가 배정된다.
- 'press and hold'를 통해 어떤 제시어인지 확인한다. 
- 2초간 누르고 있어야만 제시어가 나온다. 
- 제시어는 'press and hold' 의 위치보다 위에서 보여지게 한다.
- 설정한 인원 N명 만큼 제시어가 보여지고 난뒤 'who's the liar?' 와 함께 back(주제 선택메뉴) / retry(해당 주제의 랜덤 제시어로 다시플레이)가 선택될 수 있는 창이 나온다.
- 여기서 랜덤으로 라이어가 배정되어야 한다. 배정된 라이어는 제시어 대신 'You are Liar!'라는 문구가 뜬다.

5. 주제 선택전 인원 고르는 것 말고 easy mode on/off가 있어야한다. 
6. 이지모드를 on 했을경우 제시어의 맨 앞자리 영어글자 하나를 보여줘야 한다.
- 제시어 : Eagle /  easy mode on : E, 'you are Liar' / easy mode off : 'you are Liar'
- 이지모드를 켰을때, 제시어의 첫글자가 나오고, 'you are Liar' 문구가 떠야한다.

7. 제시어 주제 및 주제에 따른 구성요소 내용물이 20가지 이상은 있어야 한다. (대중적이여야함)
- 주제: 동물(moving their self) /  내용물: 코끼리, 사자, 호랑이, 기린, 표범, 하이에나, 원숭이, 고릴라, 닭, 독수리, 소, 돼지, 말, 쥐, 개구리, 얼룩말, 상어, 고래, 돌고래, 고양이, 개, 곰, 잠자리, 사마귀, 개미, 나방, 파리, 나비, 참치 등  
- 주제: 음식(possible to eat, not feel aganist) / 내용물: 피자, 치킨, 스파게티, 불고기, 스테이크, 라면, 비빔밥, 김치, 애플파이, 체리파이, 콜라, 맥주, 칵테일, 물 등
- 주제: 과일 / 내용물 : 두리안, 파인애플, 사과, 오렌지, 귤, 바나나, 메론, 수박 등

8. 구동되는 환경은 모바일이며 안드로이드
- 와이파이가 없어도 된다.

 

이렇게만 기획한 뒤,

해당 내용을 제미나이에 넣었다.

---

제미나이가 답변이 왔다. 가장 필요한 요소들만 일단 추려 보았다.

1단계: 프로젝트 설정 및 기본 UI 화면 만들기 가장 먼저, 플러터 프로젝트를 시작하고 위에서 설계한 3개의 화면(홈, 게임, 결과)의 뼈대를 만들겠습니다. 버튼이나 글자만 있는 아주 기본적인 형태일 겁니다. 2단계: 데이터베이스 구축 (주제와 제시어) 기획안에 적어주신 동물, 음식, 과일 주제와 제시어들을 코드에 목록 형태로 정리해서 넣겠습니다. 3단계: 홈 화면 기능 구현 인원 수를 선택하는 기능(+/- 버튼)과 이지 모드를 켜고 끄는 스위치(토글) 기능을 구현합니다. 4단계: 핵심 게임 로직 구현 '게임 시작' 버튼을 눌렀을 때, 설정된 인원 수에 맞춰 라이어를 랜덤으로 지정하고, 선택된 주제에서 제시어를 랜덤으로 뽑는 핵심 코드를 작성합니다. 5단계: 게임 화면 기능 구현 (가장 중요!) 한 명씩 순서대로 제시어를 확인하는 기능을 만듭니다. 'Press and Hold' 기능을 구현하여 2초간 눌러야만 제시어가 보이도록 합니다. 라이어에게는 'You are Liar!'가, 다른 플레이어에게는 제시어가 보이도록 합니다. 이지 모드가 켜져 있으면 제시어의 첫 글자가 함께 보이도록 구현합니다. 6단계: 결과 화면 기능 및 전체 흐름 연결 마지막 사람이 제시어를 확인하고 나면 '결과 화면'으로 넘어가도록 합니다. 'Retry'와 'Back' 버튼이 각각 올바르게 동작하도록(같은 주제로 다시 or 주제 선택으로) 전체적인 흐름을 완성합니다. 7단계: 디자인 및 완성도 높이기 기본적인 기능이 완성되면, 좀 더 보기 좋게 색상이나 글꼴을 다듬고 간단한 애니메이션 효과 등을 추가하여 완성도를 높입니다.

 

제미나이의 답변이 문제되는게 없어서 

바로 '1단계, 프로젝트 설정 및 기본 UI 화면 만들기' 부터 시작하였다.