커서를 비롯한 여러가지 AI 개발툴들이 쏟아지고 있습니다. 그리고 바이브 코딩이라는 말이 유행하기 시작했죠

하지만 실제로는 코딩을 아는 사람이 코드를 직접 타이핑 하지 않는 정도처럼 느껴졌었습니다. 그런데 구글의 안티그래비티는 진정한 바이브 코딩이 가능하더군요

설치는 여기 저기 알려 주시는 분들이 많기도 하고 사실 넥스트를 쭈욱 누르면 되기 때문에 큰 문제가 없습니다. 

설치 후 프롬프트에 이렇게 입력 했습니다.

"지금부터 귀멸의 칼날 게임을 만들꺼야. 귀멸의 칼날에는 아홉명의 주와 4명의 주인공이 등장해 그리고 악당 보스는 하현 6명 상현6명이야 이 등장인물들을 모두 검색하고 랜덤하게 이미지를 표시하면 그 사람의 이름을 맞추는 게임을 만들어줘"

그러자 개발 계획을 작성하더니 이렇게 대답을 해오더군요

"귀멸의 칼날 게임 구현 계획을 세웠습니다. 하현 6명 중 일부는 이미지가 없는 단역이라, 쿄우가이, 스사마루, 야하바 등 비중 있는 혈귀로 대체하여 6명을 채우겠습니다. 진행하시겠습니까?"

진행 해~

혼자 뚝딱 뚝딱 웹을 검색하고 코딩을 마구 하더니 크롬을 실행 해서 테스트까지 완료 후 메세지가 출력 되었습니다.

"귀멸의 칼날 인물 퀴즈 게임을 완성했습니다! d:/ai/demon_slayer_game/index.html을 열어서 플레이해보세요. 등장인물들의 이름을 맞춰보세요!"

오 좀 치는데? 그럼 난이도를 올려 볼까?

"게임이 너무 쉬운거 같아 이미지중 일부를 확대해서 보여주고 정답을 입력해서 맞으면 이미지를 정상적으로 줄여서 보여주고 다음 문제로 넘어 가는 형식으로 바꿔줘"

 "난이도 조절을 위한 '이미지 확대/축소' 기능과 아이폰 구동을 위한 '단일 파일 변환' 계획을 세웠습니다. 구현을 시작하겠습니다."

똑딱 뚝딱 또 혼자 만들고 테스트를 끝냈습니다. 그런데 모바일에서 보니까 조금 문제가 있더군요. 레이아웃도 좀 수정하고 게임도 조금 더 버전업해 봅니다.

"1. 모바일에서 보면 레이아웃이 깨져 모바일에서 레이아웃이 깨지지 않게 수정해줘
2. 시작전에 게임 난이도를 상중하로 선택할 수 있게 해줘 상은 보여주는 이미지를 지금보다 작은 범위 중은 지금 범위 하는 지금보다 더 큰 범위로 보여줘
3. 난이도 상일때는 힌트를 3번 쓸 수 있게 해줘 힌트를 쓰면 이름의 자음만 보여줘"

"모바일 레이아웃 수정, 난이도 선택(상/중/하), 그리고 상 난이도에서의 초성 힌트 기능을 추가하기 위한 계획을 수립했습니다. 구현을 시작하겠습니다."

뭐 아주 딱딱 입니다. 잠시 후

"요청하신 모든 기능을 구현했습니다! 모바일 레이아웃: 모바일 화면에서도 깨지지 않도록 수정했습니다. 난이도 선택: 게임 시작 시 상(5배 줌), 중(3배 줌), 하(1.5배 줌) 난이도를 선택할 수 있습니다. 힌트 시스템: '상' 난이도에서는 힌트 버튼이 활성화되며, 최대 3번까지 초성 힌트(예: ㅌㅈㄹ)를 볼 수 있습니다. d:/ai/demon_slayer_game/index.html에서 확인해보세요!"

하는 김에 조금만 더 해볼까?

"1. 게임이 끝나고 점수가 표시 되면 점수를 공유 할 수 있는 기능을 추가할 꺼야
2.100점은 당신은 명예 귀살대라는 문구와 함께 등록된 이미지중 렌덤으로 얼굴이 보이게 이미지를 만들어서 저장 할 수 있도록 보여줘. 8 90점 이상은 귀칼 오덕, 80점 이상은 분발하세요라고 표시하게 수정해줘"

"게임 종료 시 점수에 따른 칭호 부여와 100점 달성 시 '명예 귀살대' 인증 이미지를 생성하는 기능을 구현하겠습니다. 구현을 시작하겠습니다."

그리고 또 뚝딱 뚝딱해서 기능 구현이 완료되었습니다. 이미지 부터 화면 레이아웃까지 뭐 하나 지정하거나 설계하거나 구성하지 않고 정말 말로만 만든 프로그램입니다.

https://demonslyer.dothome.co.kr/

개발을 1도 몰라도 가능한 프로그래밍

가장 힘든건 안티그래비티가 있다는걸 아는것과 이걸 설치해서 사용해보는 귀찮음을 극복하는 일 정도 인것 같네요

이제 진짜 바이브 코딩의 시대가 열린것 같습니다.