차근차근 한단계씩 발전하는 느림보

공부(IT)

기획자가 바이브코딩 직접 해보기 [4. 바이브 코딩 해보기 (3) - 1차 완료]

playtogym 2025. 9. 16. 15:54

DatPad에서 코드를 입력하고 바이브코딩을 해볼 때 처럼 걱정과 다르게

비주얼 스튜디오로 제미니와 함께 바이브 코딩을 하면서 

하나씩 하나씩 크롬창에서 변화하는 나의 '라이어 게임'을 보고

한단계씩 자신감을 얻고 있다.

우오오옷 할 수 있어!

 

[4. 바이브 코딩 (2)  코드 입력해보기] 단계에선

'게임시작'까지 코딩을 했으며,

'게임시작'을 눌렀을 경우, 제시어가 나오지 않았던 상태이다.

 

하이 헬로 방가방가
인사만 했는데 일을 알려주는 ..

인사만 했는데

격하게 어떤걸 해야할 지 알려준다.

 

물론, 불만은 없다! 그래 빨리하고 끝내자

전과 똑같이, 들어있는 코드를 모두 지우고,

얘가 주는 코드를 복붙하는 식으로 하나씩 작업을 했다.

작업후에 변화를 볼까?

순서 1 순서 2
순서 3 순서 4

 

손을 떼면 제시어가 날아가버려서, 제시어 캡처는하지 못했다.

그치만, 잘되긴한다! 끝나지 않아서 그렇지

 

코드 동작도 잘함

여러가지 안되는 부분이 있다.

- 인원 설정을 했는데 적용 되지 않는 부분

   ㆍ 인원 설정이 적용되지 않아 라이어가 설정되고 누가 라이어인지 찾는 단계가 없음 끝나지않는 게임

- 이지모드가 적용되지 않는 부분

 

해당부분은 제미니한테 말해서 고쳐달라고 했다.

잘한거는 아주 칭찬해
아, 아직 그걸 말하지않았구나?

하나씩 하나씩, 다시 코드 삭제 및 복붙을 한다.

 

이렇게 바이브 코딩을 하다보면,

어떤 항목에선 코드를 주는데, 어떤 항목에선 코드를 주지 않는다.

 

당연히 바로 '어떤 코드를 주셨는지 모르겠어요'. '다시 주세요' 등 명확하게 짚어서

문제를 정확하게 말하니까, 다시 코드를 준다. 다음 사진을 보자.

물론, 여기서도 내가하든, 제미나이가 하든 실수나 문제는 존재한다. 

바로 제미나이가 수정하라는대로 했는데 안되는 문제다.

 

다음 사진을 보자.

이렇게 해보세요
시키는대로 하니까 요래 됐슴다!

 

교체하니까 더 많은 에러가 나는 상황을 보자마자, 상황 캡처 후 제미나이한테 질문, 

그리고 순발력을 발휘해서 crtl+z를 통해 일단 이전 코드를 살려놨다.

 

이 상황을 본 제미나이, 

그리고, 제미나이가 새롭게 방법을 제시했는데, 해야할 것이 너무 많다!

크아아아악 살려줘
메인.dart 코드는 제대로 줬는데, 게임_스크린, 리절트_스크린 최종코드는 안줌
시키는거 개많음 ㅇㅇ;

 

음 ....

제미나이가 던져준 해결 방법이 

1. 너무 단계가 많고 복잡함

2. 코드도 제대로 안줬고, 그걸 다시 질문해서 코드를 얻어야하는데, 그러기엔 시간이 너무 많이듬

3. crtl+z를 통해 기존 코드를 살려둠

4. 기존 살려둔 코드를 바탕으로 F5 새로고침을 했는데, 정상작동함.

이거까지 나오잖아! 근데 굳이 바꿔야해?

 

그래서, 제미나이한테 말했다.

'니가 시킨거 안할래요'

와우~~~~ 드디어 라이어게임을 만드는것이 끝났다!!!!!

 

 

가 아니라 

누가 니 맘대로 완성이래 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ


일단, 이걸로 MVP는 만들었다고 생각한다.

왜냐하면, 최소한 게임은 할 수 있으니까. 라이어 게임을 할 수 있으니까. 스마트폰으로 못하는데요?

 

MVP를 만들고자 생각한다면, 전반적으로 모두 만족한다. 

 

동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.

 

하지만, 게임의 재미를 살리기위해, 있는 디테일을

생략한게 너~무 많다.

 

그래서, 다시 제미나이랑 얘기를 해본다.

 

그래서, 최종안을 정리했을때, 라이어게임의 최종 개발목표는 다음과 같다.

라이어 게임 앱 최종 개발 계획
프로젝트 목표
- 친구들과 오프라인에서 즐길 수 있는 안드로이드용 라이어 게임 앱을 만든다.

최종 개발 산출물
- 안드로이드 스마트폰에 직접 설치할 수 있는 APK 파일

핵심 기능 현황 (최종 수정본)
✅ 1. 오프라인 구동 (완료)

✅ 2. 인원 선택 기능 (UI) (완료)


⬜ 3. 라이어 인원 설정 (1~2명) (UI)
진행 예정: 홈 화면에 라이어 수를 1명 또는 2명으로 선택하는 UI를 추가합니다.

⬜ 4. 게임 플레이 상세 기능
진행 예정: 주제 선택 화면, 게임 진행 화면, 결과 화면의 모든 로직을 기획안에 맞게 구현합니다.

✅ 5. 이지 모드 On/Off 스위치 (UI) (완료)


⬜ 6. 이지 모드 규칙 적용
진행 예정: 라이어에게 제시어의 첫 글자 힌트를 주는 로직을 구현합니다.

⬜ 7. 제시어 및 주제 확장
진행 예정: 기획안에 맞게 주제와 단어의 수를 대폭 늘립니다. (제가 직접 선정해서 추가하겠습니다.)

✅ 8. 개발 환경 구축 (완료)


⬜ 9. 영어/한글 스위치 기능 (UI)
진행 예정: 홈 화면에 언어를 한글/영어로 변경하는 UI를 추가합니다.

 

이렇게 디테일을 잡아나가는걸로,

라이어 게임 바이브코딩을 마무리 하려고 한다.