AI 룰렛 코딩 HTML 비교
최근 바이브 코딩이라는 분야가 많은 이들의 이목을 사로잡고 있습니다. 저 또한 이 흐름에 발맞춰 몇 가지 생성형 인공지능들을 직접 활용해 보며 흥미로운 실험을 진행해 보았답니다. 모든 AI에게는 동일한 질문을 건네 보았습니다. "워드프레스에 넣을 룰렛 돌리기 HTML로 만들어줘" 과연 인공지능들은 우리의 기대를 얼마나 충족시켜 주었을까요.
이번 여정에는 챗GPT와 제미나이, 코파일럿, 그리고 클로드, 이 네 가지 AI가 함께했습니다. 각기 다른 성격을 지닌 이들이 어떠한 방식으로 코드를 직조해 내는지, 그리고 그 결과물들이 얼마나 우리의 손길에 유연하게 반응하는지 찬찬히 들여다보는 시간을 가졌습니다.
**1. 챗GPT 5**
첫 번째 시도는 챗GPT-5와 함께 시작되었습니다. 녀석은 처음 결과물을 내어놓기까지 상당한 시간을 고민하는 듯했고, 마침내 코드를 완성하는 데도 적지 않은 노력이 필요했습니다. 이어서 저는 룰렛 위에 표시되는 화살표를 없애고, 룰렛 안에 담길 내용을 제가 직접 수정할 수 있었으면 좋겠다는 바람을 프롬프트에 담아 전달했습니다. 인공지능은 어떤 부분을 손보면 좋을지 친절하게 설명해 주었지만, 저는 조금 더 직관적인 사용자 경험을 원했습니다. 그래서 "화면에서 사용자가 안에 들어가는 내용을 수정할 수 있도록!"이라는 요청을 다시 한번 건넸습니다.
세 번째 시도에서 챗GPT는 꽤나 만족스러운 결과물을 보여주었습니다. 다만, 룰렛의 중심부가 미묘하게 어긋나 보였고, 당첨 지점 또한 일반적인 12시 방향이 아닌, 마치 왼쪽으로 쏠린 듯한 모습을 하고 있어 아쉬움을 남겼습니다. 그럼에도 불구하고, 편집 버튼을 누르자 제가 언급하지 않았던 섬세한 기능들이 놀랍도록 추가되어 있었습니다. 이는 분명 인공지능의 잠재력을 엿볼 수 있는 순간이었고, 저는 다시 한번 "가운데 동그라미 위치가 이상하고 룰렛이 왼쪽으로 돌아가 있어. 그리고 정확히 어디가 당첨 지점인지 알려줘."라는 세부적인 프롬프트를 입력했습니다.
이어진 시도에서는 제가 요청했던 기능들이 일부 구현된 듯 보였으나, 안타깝게도 이전에 만들어졌던 모든 것들이 흔적도 없이 사라진 듯한 전혀 다른 모습의 룰렛이 나타났습니다. 결국 "아니 원래 했던 건 다 어디 갔음?"이라며 당황스러운 심정을 담아 다시 질문할 수밖에 없었습니다. 여전히 당첨 지점은 특정 방향에 머물러 있었고, 확률을 조정해 보았을 때 나타나는 결과는 실제 무작위성과는 거리가 멀어 보였습니다. 비록 프롬프트를 끊임없이 다듬고 개선한다면 원하는 바를 얻을 수도 있겠지만, 여기에서 챗GPT와의 실험은 잠시 멈추기로 했습니다.
**2. 제미나이 2.5 플래시**
제미나이 2.5 플래시는 처음부터 저를 당혹스럽게 만들었습니다. 룰렛 위에 있어야 할 글자들이 제대로 보이지 않았고, 룰렛의 형태 또한 매우 부자연스러웠기 때문입니다. 이에 저는 "룰렛 모양이 부자연스러워"라고 간결하게 문제점을 짚어주었습니다. 두 번째 시도에서도 아쉬움은 이어졌습니다. 글자들이 룰렛과 함께 자연스럽게 회전하지 않아, 당첨 결과가 시각적으로 혼란스럽게 나타나는 현상을 보였습니다.
**3. 코파일럿**
코파일럿에게도 룰렛 제작을 의뢰했습니다. 첫 시도에서 만들어진 룰렛은 '돌리기' 버튼을 아무리 눌러도 미동조차 하지 않아, 마치 영혼 없는 인형 같았습니다. 저는 "작동 안 하는디"라며 짧고 명확하게 오류를 알렸습니다. AI가 새로운 코드를 제시했으나, 이를 적용해보아도 룰렛은 여전히 침묵했습니다. 다시 한번 "워드프레스에 넣었는데 작동 안 함"이라고 호소했지만, 안타깝게도 새롭게 받은 코드 역시 저의 기대에 부응하지 못했습니다.
**4. 클로드**
클로드가 만들어낸 룰렛 또한 기이한 모습을 하고 있었습니다. 저는 "지금 룰렛 모양이 이상해. 바람개비 모양 말고 원형이었으면 좋겠어."라고 구체적인 개선 사항을 요청했습니다. 클로드가 새롭게 제시한 코드로 다시 한번 시도해 보았지만, 결과는 첫 번째와 다르지 않았습니다. 게다가 실제로 룰렛을 돌려보면 화면에 표시되는 당첨 결과와 실제 코드가 작동하는 방식이 미묘하게 어긋나는 오류를 발견할 수 있었습니다.
