개발놀이터:
바이브코딩 웹 게임 개발

학습 목표 · Claude Code/Codex 세팅하고, 클래식 게임을 만들어 내 개인 사이트에 올리기

• Claude Code/Codex 설치 (OT에서 함께)
• 프롬프트 로그 셋팅하기
• 모두가 아는 게임 만들기 (테트리스, 오목, 룰렛, 팩맨, 갤러그 등)
• 나의 개인 사이트(Vercel) 만들어 게임 올려보기
• git 이해하기
• 하네스 정보 공유하고 골라보기

셋팅이 되었다면, 간단한 게임은 프롬프트 한 줄 만으로도 만들 수 있습니다. "테트리스 만들어줘" 라는 요청만으로도 알아서 잘 만들어주지요. 시작이 반입니다. 만든 게임을 내 웹사이트에 올리는 것을 성공한 것 만으로도 나만의 게임을 만들 준비는 충분히 된 것이지요. 여유가 된다면 동료와 친구들도 게임에 등장시켜보면 어떨까요? 익숙하지만 특별한 게임을 주변사람들과 함께 즐길 수 있게 될거에요.

조금 번거롭지만 앞으로 게임을 만들어가야 하는 동안 사용할 환경을 셋업하고 가는걸 생략 할 수는 없겠죠. 돌아가지 않으려면 처음 시작할 때 해야 할 고민들이 있어요. 프롬프트 로그를 저장하게 하고, 무슨 하네스를 쓸지, 버전관리툴 사용을 할지, 배포는 어떻게 할지 같은거요. 간단히 얘기해보면서 추천 받은걸로 셋업한 후로는 그냥 신나게 달리면 될거에요.

학습 목표 · 따라 하기를 넘어, 내가 기획한 오리지널 게임에 랭킹 시스템 더하기

• 조금 더 개성있는 나만의 게임 만들어보기
• 랭킹 API 기능 붙이기
• 무료 그래픽 / 사운드 asset 붙여보기

셋팅과 성공 경험이 생겼다면, 본격적으로 게임을 만들어 볼 차례지요. 재미있고 개성있는 게임을 만들어 주변사람들과 함께 즐겨보도록 해요. 지피터스 멤버들과 함께 공유 할 수 있는 랭킹 API를 붙이면 누가 내 게임에서 신기록을 내기 위해 열심히 즐기고 있는지 볼 수 있을거에요. 내가 만든 게임을 남들이 즐기는 걸 볼 수 있는건 즐거운 일이랍니다. 게임에 개성을 더하기 위해 오픈소스 이미지와 효과음을 붙이는 방법도 함께 살펴봐요.

학습 목표 · 게임에 데이터베이스를 연결해 진행상황이 저장되는 게임 만들기

• DB 연결하고 활용해보기
• 저장·불러오기 기능 구현하기
• 데이터 관리툴도 만들면 금상첨화
• 나만의 이미지 / 사운드 asset 만들어보기

DB를 사용 할 수 있다면 좀 더 고도화된 게임을 만들 수 있어요. 간단한 저장 기능과 확장기능을 추가하면서 DB 활용을 경험해봐요. 여유가 있다면 데이터 관리툴을 만들어서 운영하는 게임도 만들 수 있을거에요. 이를테면 문제를 추가 할 수 있는 퀴즈게임을 만든다던가, 필드 몬스터의 체력과 공격력을 수시로 관리툴에서 변경하면서 밸런스를 맞춰 볼 수도 있겠죠. 사용자들이 댓글을 작성하거나, 별점을 남기고 좋아요를 누르는 등 저장이 필요한 모든 기능은 DB가 필요해요.

그리고 나만의 이미지 / 사운드를 추가하는 것은 확실하게 나의 개성이 담긴 발전된 게임을 만드는 느낌이 들게 할거에요. 하지만 만만치 않아요. 그렇다고 지금부터 포토샵을 배워서 이미지를 자르고 다듬을 수는 없지요. 같이 고민하면서 나에게 맞는 방법으로 asset들을 만들어봐요.

학습 목표 · 4주간 만든 게임들을 사이트에 모아 공개하고, 이후 학습 방향 설계하기

• 4주간 만든 게임들 내 사이트에 정리해 공개
• 서로의 게임 플레이하며 피드백
• 스터디 이후 나만의 다음 게임/프로젝트 계획 세우기

간단한 게임들을 만들었다면, 좀 더 본격적인 게임들을 만들 수 있는 준비도 된거에요. 앞으로 만들 게임들에 대한 계획도 나눠보고 해결해야 할 과제가 무엇일지, 어떤 내용들을 학습하고 경험해보면 좋을지도 이야기해봐요.

스터디 기간동안 만든 것은 게임이지만, 다른 무언가를 만들어보고 싶어지는 분들도 있을거에요. 이후에 확장하고 싶은 나의 AI 스터디 로드맵을 그려보는것도 좋아요. 함께 이야기하며 생각해보면 내가 파고들어야 할 아이템이 무엇인지 알 수 있게 돼요.