바이브코딩

정말 말도 안나오는 Google Antigravity의 미친 결과물

페이지 정보

작성자 xtalfi
작성일 11.19 23:44
76 조회
5 댓글
0 추천
0 비추천

본문

AI 도구 Google Antigravitty
프롬프트 HTML5와 JavaScript를 사용해서 브라우저에서 동작하는 \\\\\\'벽돌 깨기(Breakout)\\\\\\' 게임을 만들어줘. 점수판이 있어야 하고, 게임 오버 시 재시작 버튼이 나와야 해. 다 만들면 브라우저를 열어서 실행되는지 확인해줘.

구글 제미나이 3와 더불어 에이전트 코딩용 IDE 소프트웨어인 안티그래비티를 테스트 해봤습니다.

뭘할지 몰라 제미나이에 물어옵니다. 요즘은 스스로 생각 안하고 일단 제미나이에게 물어봅니다. (AI의 부정적 영향)


구글 안티그래비티를 사용하고 싶은데, 쉽게 사용해 볼 수 있는 간단한 예제하나만 추천해 달라.

그랬더니 이걸 프폼프트로 추천해 줍니다.


HTML5와 JavaScript를 사용해서 브라우저에서 동작하는 '벽돌 깨기(Breakout)' 게임을 만들어줘. 점수판이 있어야 하고, 게임 오버 시 재시작 버튼이 나와야 해. 다 만들면 브라우저를 열어서 실행되는지 확인해줘.

 우선 안티그래비티 홈페이지서 소프트웨어를 다운로드 받아 설치합니다.

f43ee9a7735c9322763d602776200742_1763562641_5342.png
 

열어보니 VSCode랑 비슷한 IDE 소프트웨어인데 오른쪽에 대화창이 있습니다. 여기에 프롬프트를 입력합니다.

몇가지 중간에 옵션을 선택하거나 환경을 결정해 줘야 하는 경우 빼고는 스스로 다 알아서 기획하고 구조화하고 코딩을 합니다.

아주 놀랍습니다.

f43ee9a7735c9322763d602776200742_1763562829_9248.png
마지막에 브라우저에서 구동합니다. 안티그래티 크롬 익스텐션을 설치하라고 하는데 에이전트가 브라우저 상호작용을 위해 필요한 것인 듯 합니다.

f43ee9a7735c9322763d602776200742_1763563013_5631.png
암튼 최종 결과입니다.

f43ee9a7735c9322763d602776200742_1763563594_8674.png
 

정말 잘 동작합니다. 흔한 예제라 미리 준비를 많이 한 것일 수도 있지만, 정말 프롬프트 몇 줄로 이런 결과물이 나올 줄이야. 놀랍습니다.

유료화 되기 전에 뭔가 더 해봐야겠습니다.

댓글 5

xtalfi님의 댓글

작성자 xtalfi
작성일 11.20 00:08
다른 걸 좀 해보고 있는데, 에러로 진행이 멈추는 경우가 종종 있습니다. 계속 진행하라고 하면 또 이어서 하긴 합니다.

xtalfi님의 댓글

작성자 xtalfi
작성일 11.20 00:14
웹을 열고 스스로 동작을 해보고 확인하는 작업까지 코딩 "에이전트" 역할을 확실히 하네요.

xtalfi님의 댓글

작성자 xtalfi
작성일 11.20 16:13

종종 이런 메시지가 뜹니다. 다시 시도하라고 하면 진행하니까 큰 문제는 없습니다.

지나가는이님의 댓글

작성자 지나가는이
작성일 11.20 17:12
시도를 해봐야겠는데요.
삭제

xtalfi님의 댓글

작성자 xtalfi
작성일 11.20 17:29
다른 것도 시도해 보고 있는데, 정말 고급 개발자 한명 옆애 둔 느낌. 중요한 건 여전히 나의 기획과 아이디어가 키…
전체 36 / 1 페이지
홈으로 전체메뉴 마이메뉴 새글/새댓글
전체 검색
회원가입