바이브 코딩으로 게임 친구 찾기용 틴더 스타일 앱을 만들었는데 진짜 작동하네요
I vibe coded a Tinder-style app for finding gaming buddies and it actually works
핵심 요약
Claude와 에너지 드링크로 만든 게임 친구 매칭 앱 'matchy.gg' 개발기.
- 바이브 코딩 — Claude와 에너지 드링크만으로 프레임워크 없이 순수 코드로 구현함.
- Steam 연동 — 사용자의 실제 플레이 기록과 시간을 분석해 정교한 매칭을 제공함.
- PWA 지원 — 별도의 앱 스토어 설치 없이 홈 화면에 추가해 앱처럼 사용 가능함.
- 제품 로드맵 — 단순한 개인 프로젝트를 넘어 실제 서비스로 발전시키기 위한 조언들이 오감.
이건 새벽 2시에 '만약에?'라는 생각에서 시작됐어. LFG 게시물을 스크롤하고, 3개월 전에 20분 같이 게임하고 다시는 연락 안 되는 사람들을 추가하는 것에 지쳤거든. 그래서 생각했지, 왜 게임 친구를 찾는 틴더 같은 건 없는 거지? 데이트 말고. 그냥... 같이 할 팀원을 찾는 거지.
그래서 내가 만들었어 ㅋㅋ
matchy.gg -- Steam으로 로그인하면 라이브러리 전체, 플레이 시간, 최근 플레이한 게임을 가져와서 실제로 플레이하는 게임을 기반으로 다른 플레이어와 매칭해줘. 네가 한다고 말하는 게임이 아니라, Steam이 한다고 말하는 게임 말이야.
전체적으로 바이브 코딩으로 만들었어. 나, Claude, 그리고 엄청난 양의 에너지 드링크와 함께. PHP 백엔드, 바닐라 JS 프론트엔드, 프레임워크도 없고, React도 없고, Next.js도 없어. 그냥 순수 코드와 고집뿐이지. 열정과 카페인으로 버티고 있지만, 솔직히? 놀라울 정도로 잘 작동해.
흐름은 간단해:
- Steam으로 로그인 (말 그대로 버튼 하나)
- 빠른 프로필 설정: Discord 아이디 입력, 플레이 스타일 선택(chill, competitive, tryhard, toxic-free 등), 구사 언어, 선호 장르 선택
- 플레이어 카드 스와이프 시작. 각 카드는 실제 공유 게임과 플레이 시간을 기반으로 한 호환성 점수가 표시됨
- 둘 다 오른쪽으로 스와이프하면? 붐, 매칭 성공. Discord 아이디와 Steam 프로필이 공개됨. 같이 게임하러 가.
멋진 점은 호환성 기능이야. 단순히 '어, 너도 CS2 있네' 수준이 아니야. 공유하는 게임이 몇 개인지, 둘 다 얼마나 플레이했는지, 최근에 뭘 플레이했는지까지 다 봐. 너랑 같은 게임을 2000시간 넘게 한 사람이, 게임은 가지고 있지만 한 번도 실행 안 한 사람보다 훨씬 높은 점수를 받게 돼.
다음 기준으로 필터링할 수 있어: 국가, 언어, 연령대, 음성 채팅 여부, 텍스트 전용, 특정 게임, 장르, 심지어 'VAC 차단된 플레이어 제외'까지 원하는 대로 설정 가능해.
아, 그리고 PWA라서 홈 화면에 추가하면 진짜 앱처럼 느껴져. 앱 스토어는 필요 없어.
완벽하냐고? 절대 아니지. 내가 전문 개발자냐고? 그것도 아니야. 하지만 다른 곳에서는 채워주지 못했던 갈증을 해소해 줬고, 너희 중에도 비슷한 느낌을 받는 사람이 있을 것 같았어.
matchy.gg에서 라이브 중이야. 내 코드를 마음껏 비판해 줘 (제발 코드는 실제로 보지 마). 정말 유용한 피드백을 받고 싶어. 이건 내 열정 프로젝트고, 커뮤니티에 실제로 도움이 되는 무언가로 만들고 싶거든.

