심심으로 시작하여 트렌딩 프로덕트 1위까지..

안녕하세요, Drop the Ball의 개발자 김진서입니다!
어제 Drop the Ball을 디스콰이엇에 프로덕트로 등록하였습니다!
생각보다 많은 분들이 관심을 가져주셔서 놀랐습니다..ㅋㅋ
먼저 정말 감사의 말씀을 드립니다 :)

첫 시작

첫 시작은 정말 단순한 이유였습니다. 수박게임 유튜브를 보다가 "내가 하면 더 잘할 것 같은데?!"라는 생각으로 게임을 해보려 했으나.. 유료게임이었습니다. 심지어 닌텐도 게임이라 닌텐도도 필요했습니다. 닌텐도가 없는 저는 마침 ReactJS가 좀 질리기도 했고, 웹으로 재밌는 걸 만들어 봐야겠다는 생각으로 시작했었습니다!

스택 선택하기

ReactJS가 질리던 찰나여서 React는 쓰지 않고 만들어 보기로 결심했고, 항상 create-react-app으로 프로젝트를 시작했던 저는 다른 프론트엔드 툴을 찾기 시작했습니다. 그렇게 알게 된 것이 바로 Vite이었습니다. (Vite과 바닐라 JS로 구현했습니다.)

Vite을 통해서 굉장히 빠르게 프로덕트를 빌드할 수 있었습니다. 그리고 수박게임의 물리엔진을 구현하기 위해서 웹 기반의 2D 물리엔진 matter-js를 사용했습니다.

개발 시작

matter-js에서는 wireframes 기능을 제공해서, 스타일을 다 빼고 Body들이 어떻게 움직이고, 동작하는지 쉽게 확인할 수 있었습니다!

여기에 스타일과 이미지를 입혔던 첫 완성 화면입니다.

그리고 첫 배포를 이 상태로 하는 바람에 도메인이 suika-game.swygbro.com이 되었다는 슬픈 이야기가..

여기까지 만들고, 주변 친구들과 학교 사람들에게 홍보를 시작했습니다. 생각보다 다들 반응이 너무 좋았습니다. 실제로 유의미한 이용자 시간도 찍혔습니다.

12월 2일에는 무려 5명의 유저 분들이 평균 약 1시간 6분의 이용 시간을 기록했네요..ㄷㄷ

본격적인 개발

MVP 테스트 이후, 본격적으로 개발에 들어갔습니다. 기존 수박게임은 저작권 문제가 생길 것 같아 @송예찬 님의 아이디어와 @김현서 디자이너님을 통해, 지금의 Drop the Ball을 만들 게 되었습니다.

너무 귀엽지 않나요?!

앞으로의 계획

추후 볼링공을 얼마나 빨리 만드는지 겨루는 스피드런 모드의 업데이트를 계획하고 있습니다! 스피드런 모드 업데이트 이후는 비밀입니다..ㅎㅎ 차차 하나씩 풀어보도록 하겠습니다..ㅎㅎ

느낀 점

확실히 프로덕트 메이킹은 동기부여가 중요한 것 같습니다. ReactJS로 여러 공모전, 해커톤에 나가면서 IT 서비스를 만들 땐 유저도 없고, 피드백도 없고, 버그도 없고 계속 개발해야 할 이유가 없었습니다. 정말 수상만을 위해서 개발했던 것 같습니다. 물론 그 시간들이 의미가 없었던 건 아니었지만, 저 스스로 점점 지쳐가는 시간들이었습니다.

이번에 Drop the Ball을 만들며, 친구들과 많은 분들의 피드백과 후기들을 보면서, 할 일은 점점 쌓이고 있지만.. 개발의 즐거움을 다시 찾을 수 있었던 것 같습니다 :) 앞으로도 더 열심히 업데이트 할테니 많은 관심 부탁드립니다! 감사합니다🤣

그리고 아무도 모르게 뒤에서 도와주신 ㅎㅎㅎ @최현종