Claude와 Claude Code를 사용하여 하루 만에 구축 및 배포한 전체 월드컵 예측 앱. 웹 개발 배경 지식 없이 경험한 소감.
요약
웹 개발 지식이 없는 사용자가 Claude와 Claude Code를 활용하여 단 하루 만에 월드컵 예측 앱을 구축하고 배포한 사례입니다. 아이디어 구상부터 API 연동, 백엔드 설정, 배포까지 전 과정을 AI와 협업하여 완료했습니다.
핵심 포인트
- Claude Code를 활용한 초고속 앱 개발 및 배포 경험
- 비개발자가 기술 공동 창업자처럼 AI를 활용하는 워크플로우
- 실시간 API, Supabase, Vercel 등 다양한 기술 스택 통합
- 아이디어 단계에서 실제 서비스 배포까지 단 하루 소요
아이디어는 술집에서 시작되었습니다. 친구들에게 독일 대 퀴라소 경기의 점수가 어떻게 될지 물어보았습니다. 모두가 진지하게 생각하기 시작했고, 갑자기 모든 골이 각기 다른 의미를 갖게 되었습니다. 저는 그날 바로 앱을 만들었습니다.
calledit-nine.vercel.app?join=stayhb
Claude가 하루 만에 구축하도록 도와준 것들: 그룹 코드가 포함된 점수 예측 앱, 실시간 축구 API 연동, Supabase 백엔드, Google OAuth, 킥오프 전 예측 숨기기, 자동 점수 공개, 커스텀 포인트 시스템, 타이브레이커(tiebreakers)가 포함된 리더보드, 경기 댓글, 포인트를 두 배로 만드는 큰 콜(big call) 기능, Vercel Analytics, 그리고 공유 가능한 초대 시스템입니다.
저는 웹 개발 배경 지식이 전혀 없습니다. 이 채팅에서는 아이디어 구상과 디자인 결정을 위해 Claude를 사용했고, 실제 파일을 작성하고 배포하는 데는 Claude Code를 사용했습니다. 아이디어 단계부터 실제 사용자가 있는 라이브 배포 앱까지 모든 과정이 단 하루가 걸렸습니다.
가장 흥미로웠던 부분은 워크플로우(workflow)의 느낌이었습니다. 제가 모든 제품 결정을 내리고, 디자인 결함을 찾아내며, 무엇을 만들지 지시했습니다. Claude는 구현을 담당했습니다. 코딩을 하는 느낌이라기보다 매우 빠른 기술 공동 창업자(technical cofounder)를 둔 것 같은 기분이었습니다.
https://reddit.com/link/1u7j6is/video/8dsax5yfdo7h1/player
댓글을 통해 전체 구축 과정, 제가 사용한 프롬프트(prompts), 또는 특정 결정 사항들에 대해 기꺼이 공유하겠습니다.
submitted by /u/chaitanyadandekar
[link] [comments]
AI 자동 생성 콘텐츠
본 콘텐츠는 r/ClaudeAI의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기