Arena AI + Codex로 테트리스 다듬고 배포까지 (첫 바이브 코딩)

비전공자인 제가 처음으로 바이브 코딩에 도전해 봤습니다.

AI로 게임을 “처음부터” 만드는 건  
아는 게 거의 없다 보니 아직 좀 부담스럽더라고요.

그래서 이번에는  
Arena AI가 만들어준 테트리스 웹게임을 가져와서,  
Codex로 귀엽고 깔끔하게 다듬는 방식으로  
바이브 코딩을 해봤습니다.

결론부터 말하면,  
저와 같은 초보자도 “배포까지” 가능했습니다 👍  
물론 쉽진 않았어요 ㅠㅠ

---

제가 진행한 흐름은 이렇습니다.

• Arena AI로 기본 테트리스 코드 확보
• Codex로 UI를 파스텔톤으로 정리
• 가운데에 캐릭터(토끼 ‘캣시’, 곰 ‘쿠딩’)와 리액션  추가
• Vercel로 배포해서 바로 플레이 가능하게 만들기

플레이 링크

https://cathy-cooding-tetris.vercel.app/

Cathy & Cooding Tetris

 

---

하면서 제일 막힌 건 의외로 코드가 아니라 “환경”이었어요.

 

Node.js 설치하고 npm 쓰려고 했는데
PowerShell 실행 정책 때문에 막히더라고요.

PowerShell 정책으로 npm install이 안 되는 모습

 

Codex가 알려준 아래 한 줄 실행하니까
그다음부터는 문제없이 진행됐습니다.

Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy RemoteSigned

 

그리고 아래 명령어로 쭉 이어나갔어요. (vercel 회원 가입 필수!)

npm install
npm run dev
npm run build
npx vercel login
npx vercel --prod

 

직접 만들어서 그런지

기본 테트리스에서

UI / 연출 / 톤만 바뀌었는데도
꿀잼이더라구요 ㅋㅋ😄

---

 

혹시 플레이해보시고
“이건 꼭 넣었으면 좋겠다” 싶은

귀여운 연출이나 효과
(표정 / 사운드 / 이펙트 등)

아이디어 있으면 댓글로 추천 부탁드립니다 🙌