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

공부(IT)

기획자가 바이브코딩 직접 해보기 [1. 1단계: 프로젝트 설정 및 기본 UI 화면 만들기]

playtogym 2025. 9. 8. 15:15

패기롭게 1단계 부터 시작해보자! 라고 말을 건넸다.

헤헤 신난다! 나도 이제 코딩할 수 있겠지?
뭐라뭐라 설명


그래서 최종 코딩한 텍스트가 나왔다.

하지만, 나는 AI를 의심하고 의심하는 스타일이다.

내가 모르는 개발분야니까 더더욱....

 

그래서, 당연히 이렇게 질문했다.

시각화(텍스트)

텍스트로 시각화하니 좀 답답해서(말로 그냥 얼버무리고 넘어갈려고 하는 느낌이 강해서), 코드를 바로 붙혀넣었을 경우 보이는 화면을 원했다.

 

작성된 코드를 어디서 구현한지 질문하니,

"https://dartpad.dev/'라는 사이트에서 구현할 수 있다고 나왔다.

 

이제 여기서 Code를 Paste하라는데, https://dartpad.dev/ 사이트를 처음 써보니 뭐가 뭔지 몰랐다.

그래서 다시 AI에게 질문한 결과

ㅇㅋㅇㅋ

대충 여기서 저걸 다 지우고 니가 준 코드를 넣으면 되겠지?

 

?
날 속인거니

날 반겨준 수많은 에러메시지들.........

에러메시지 저걸 그대로 복붙하고 물어봐도

'난 잘못한거 없음, 아마 DartPad 탓 아님 니탓임 ㅇㅇ' 라고 말한다.

 

하아............

결국 AI랑 씨름한 결과, 

1. 플러터 설치

2. VS Code 설치

3. 안드로이드 스튜디오를 설치해아한다고 한다. 시발

 

다른 바이브 코딩 방법을 찾아봐야겠다.

 

내 바이브 코딩의 여정은 계속 된다....