코딩 경험 없이 Claude와 대화 한 번으로 인터랙티브 운동 앱 만들기
Built an interactive daily workout app with Claude in one conversation, no coding experience required
핵심 요약
코딩 지식 없이 Claude와 대화만으로 iOS에서 작동하는 개인 맞춤형 운동 앱을 개발한 사례.
- 노코드 개발 — 코딩 경험이 전혀 없는 상태에서 Claude와의 대화만으로 앱을 완성함.
- 개인화 기능 — 운동 계획 PDF를 업로드하여 매일의 루틴과 타이머, 진행 상황을 추적함.
- 배포 방식 — GitHub Pages를 활용해 별도의 앱 스토어 없이 웹 앱 형태로 배포함.
- 커뮤니티 반응 — 실용적인 시도라는 긍정적 평가와 함께 기능 개선에 대한 다양한 조언이 이어짐.
Claude에게 운동 계획 PDF가 있는데 이걸 실제로 폰에서 활용하고 싶다고 말했습니다. 대화 한 번 만에 iOS 홈 화면에서 작동하는 완벽한 기능의 Progressive Web App이 완성되었습니다.
왜 만들었나: 저는 18개월짜리 맞춤형 신체 재구성 프로그램을 진행 중이고, 홈짐 벽에 인쇄된 포스터를 붙여두었습니다. 하지만 여행 중 호텔 헬스장에서 운동할 때마다 운동 중간에 스크린샷을 열고 줌인해서 운동을 찾아야 하는 게 번거로웠습니다. 저는 오늘이 무슨 요일인지 알고 정확히 무엇을 해야 할지 알려주는 무언가가 필요했습니다. 앱 스토어도, 구독도 필요 없었습니다.
작동 방식 및 제작 과정: 저는 코딩 배경지식이 전혀 없습니다. 그냥 원하는 것을 설명했고, Claude가 만들고, 제가 세부 사항을 수정하면 즉석에서 패치하는 방식이었습니다. 이 모든 과정은 Claude와의 단 한 번의 대화로 이루어졌습니다. 운동 PDF를 업로드하고, 매일 무엇을 보여줄지 설명하며 계속 다듬었습니다.
결과물은 다음과 같습니다:
• 오늘 요일을 자동 감지하여 올바른 운동 루틴 로드 (Push / Pull / Sculpt / Lower Body / Cardio / Flex / Rest)
• 세트 트래커 … 점을 탭하여 각 세트를 체크하면 카드가 녹색으로 변함
• 세트 기록 시 자동으로 시작되는 90초 휴식 타이머, 10초 남으면 빨간색으로 변경
• 보너스 운동 블록 내장 (월요일 둔근 마무리, 수요일 덤벨 풀오버)
• 휴식 및 유산소 날에는 빈 화면 대신 회복 가이드 표시
• 훈련 포스터의 미학(검정, 금색, 녹슨 색 등)과 일치
배포 방법: Claude가 준 HTML 파일을 GitHub에 업로드하고, GitHub Pages(무료)를 활성화한 뒤, Safari에서 URL을 열고 '홈 화면에 추가'를 눌렀습니다. 폰에서 네이티브 앱처럼 작동합니다.
