기획자가 바이브코딩 직접 해보기 [4. 바이브 코딩 해보기 (2) - 코드 입력해보기]

성공적으로 크롬 창을 열었으며,

이제 진짜 코드를 입력해볼 차례다.

 

하지만 매우 걱정이 되는 부분은

1. https://playtogym.tistory.com/6 : DartPad로 바이브 코딩을 진행 할 때, 제미니가 주는 코드대로 입력했는데 Dartpad에서 인식 못하는 문제 

2. 에러가 발생했을 경우 내가 어디서 어떻게 해야하는지, 찾지 못하고 수정하지 못하는 문제가 있다.

 

그래도, 걱정보단 일단 부딪혀보고 다음 방법을 찾아보자는 식으로 코딩을 시작한다.

나의 아이덴티티를 가장 잘 나타내는 이미지

 

자, 저번에는 크롬창을 띄워주는 단계까지 진행했다.

이제 해야할 것은 코드를 입력하고 크롬창에 무슨변화가 있는지, 확인하는 단계이다.

 

제미니: 파일탐색기를 찾으세요.

나: 파일탐색기가 어딨는데....요??

 

ㅇㅋㅂㄹ

왼쪽 메인다트를 이렇게 클릭하니까

짠! 알수없는 코드들이 있다.

코드 울렁증

이걸 그대로 캡쳐해서 제미니한테 보여주니

'ㅇㅇ 그거 다지우고 내가 주는 코드 복붙해'

라고 친절하게 말씀해주신다.

 

대충 라이어게임의 설계 코드?

시키는대로 하니까 ....

오~ 크롬창에 변화가 생겼다!.

 

이렇게 제미니한테 질문 - 제미니가 대답 - 대답을 바탕으로 제미니가 시키는대로 수행 - 변화 확인등의 과정을 거쳤다. 

 

 

그리고, 모르면 모른다고 정확하게 질문하였다.

특히 내가 헷갈리는 것은 코드를 어디서 어디까지 지워야하는지 모르겠다.

지우라고 지웠는데

짠! 에러가 나왔습니다

잉잉 모르겠어 니가 해죠 잉잉

역시 친절한 제미니

 

바뀌는 족족 제미니한테 보여주니,

다음은 뭐하면 되는지 알려주는 대답을 했고

최종적으로 진행 한것은 

게임시작을 누르면 게임시작이 되는데, 아직 제시어 들이 나오지 않는 상태이다. 오늘은 딱 이까지만 진행했다. 많은 이미지들을 캡처했지만, 중간과정이 매우 지루해서 많이 생략했다.

쓰이지 못하고 휴지통으로 들어갈 이미지들

---

해보면 정말 쉽다. 왜냐하면

1. 뭘 어떻게 해야할지 질문

2. 답변 받은것을 바탕으로 수행

3. 변화확인 또는 에러뜨면 다시 질문 식으로..

 

한단계씩 한단계씩 나아가면 되니까, 꽤 재밌었다.

 

그리고 걱정되던 DatPad에 넣었을 때 안되던 문제는 말끔하게 해결되었다.

 

하지만 가장 큰 문제점이자 공부해야 할 점은

1. 코드를 지우고 이거 넣으세요 하는데 어디서 어디까지 지워야 하는지 모르겠는 점

2. 어디서 에러가 뜨는지, 검수를 못하겠는 점 등

 

공부할 것이 생겼다.

 

현재 목표는

1. 라이어 게임은 바이브코딩 (그냥 복붙)

2. 다음 기획 및 만들 앱은 공부를 해가면서 앱 만들기 진행

으로 계획 하고, 공부할 예정이다.