운동을 시작하고 기록까지, 홈트코치의 3동작 루틴 흐름을 만든 방법

① 운동을 시작하고 기록하는 핵심 흐름을 하나로 연결했습니다

집에서 운동을 시작하려고 하면 먼저 루틴을 고르고, 동작 순서를 확인하고, 시간을 재면서 끝까지 진행해야 해요. 운동을 마친 뒤에는 오늘 무엇을 했는지 다시 확인하고 기록하는 과정도 필요합니다. 홈트코치는 이 흐름을 여러 화면과 도구로 나누기보다, “오늘 어떤 운동을 어떤 순서로 진행하고, 완료한 내용을 어떻게 남길까?”라는 질문에 집중해 만들었습니다.

앱을 열면 ‘오늘 운동’에서 루틴 구성을 먼저 확인할 수 있어요. 초급·중급·고급 중 하나를 고르면 동작 3개가 순서대로 표시되고, 단일 시작 버튼을 눌러 바로 운동을 시작합니다. 운동 중에는 현재 동작과 전체 진행률을 확인하고, 타이머를 따라간 뒤 완료 버튼으로 다음 동작으로 넘어가요. 중간에 무엇을 해야 하는지 다시 찾지 않아도 되도록 루틴 선택 → 시작 → 동작 진행 → 완료의 순서를 한 흐름으로 연결했습니다.

런지에서는 카메라 권한이 허용되고 자세 랜드마크가 감지될 때만 자세 점수를 보여줍니다. 카메라를 사용할 수 없는 환경에서도 수동 안내로 전체 루틴을 완료할 수 있어요. 운동을 모두 마치면 결과 요약 화면에서 완료 내용을 확인하고, 기록 화면으로 이동해 누적 기록을 살펴봅니다. 완료 결과와 기록은 기기에 저장되며, 카메라 영상과 자세 좌표는 서버로 전송하거나 저장하지 않습니다.

이렇게 홈트코치는 운동을 시작하는 순간부터 완료 결과를 확인하는 단계까지를 짧고 분명한 흐름으로 구성했습니다. 운동 기록과 자세 보조 안내를 제공하는 앱이며, 의료 자문이나 치료를 대신하지는 않습니다.

📌 먼저 보는 핵심 답변

• 홈트코치는 루틴 선택부터 동작별 운동, 완료 결과와 누적 기록까지 연결한 앱인토스 미니앱입니다.
• 초급·중급·고급 루틴과 타이머, 완료 처리, 기록 저장이 현재 실제로 동작합니다.
• 런지 자세 점수는 카메라 권한과 랜드마크가 감지될 때만 제공되며, 나머지는 수동 코칭으로 이용할 수 있습니다.

② 사용자가 운동을 진행하는 실제 화면 시나리오

운동 화면은 기능을 많이 보여주기보다, 사용자가 다음에 무엇을 해야 하는지 바로 알 수 있도록 구성했습니다. 현재 출시된 홈트코치는 오늘 운동 → 동작 진행 → 완료 결과 → 기록 확인이 한 흐름으로 이어집니다.

① 첫 화면에서는 루틴 선택과 시작에 집중했어요. 초급·중급·고급 루틴을 고르면 동작 순서와 진행 정보를 확인할 수 있고, 시작 버튼 하나로 운동을 시작합니다. 운동 중에는 동작별 진행률, 타이머, 완료 버튼을 보여줘 다음 단계로 이동하는 과정을 단순하게 만들었습니다. 세 동작을 끝내면 결과 요약이 나오고, 저장된 기록으로 바로 이동할 수 있습니다.

② 런지 자세 점수는 조건부 보조 기능으로 정했어요. 카메라 권한이 허용되고 자세 랜드마크가 감지될 때만 런지 화면에 자세 점수를 표시합니다. 카메라가 켜졌다는 이유만으로 점수를 보여주거나, 모든 운동을 카메라 분석에 의존하도록 만들지는 않았습니다. 카메라 영상과 자세 좌표는 서버에 저장하거나 전송하지 않으며, 이 기능은 운동 기록과 자세 보조 안내를 위한 범위로 제공됩니다. 의료 자문이나 치료를 대신하는 기능도 아닙니다.

③ 카메라 없이도 전체 루틴을 완료할 수 있게 했습니다. 권한을 거부했거나 기기에서 카메라 기능을 사용할 수 없는 경우에도 동작 안내, 타이머, 진행률, 완료 버튼을 이용할 수 있어요. 자세 점수만 표시되지 않을 뿐, 수동 코칭 방식으로 세 동작을 끝내고 결과와 기록까지 확인할 수 있습니다. 첫 루틴 완료 전 광고는 넣지 않았고, 실제 사용자 흐름과 맞지 않는 가짜 리뷰와 개발용 Pro 우회 화면도 제외했습니다. 이 범위는 브라우저 흐름 검증으로 첫 화면부터 기록 이동까지 확인했습니다.

③ 카메라는 런지 동작을 위한 보조 코칭으로 제한했습니다

홈트코치의 운동 흐름은 사용자가 앱을 연 뒤 루틴을 고르고, 세 동작을 끝까지 수행한 다음 기록을 확인하는 순서로 구성했습니다. 제출용 화면 7장과 브라우저 자동 검증에서도 같은 여정을 확인할 수 있도록 화면 전환과 버튼 동작을 하나의 흐름으로 연결했어요.

① 오늘 운동에서 루틴과 시작 버튼을 확인합니다.

앱을 열면 오늘 진행할 루틴 구성과 동작 순서를 확인할 수 있습니다. 초급·중급·고급 루틴 중 하나를 고른 뒤, 하나의 시작 CTA를 눌러 운동을 시작합니다. 메뉴도 오늘 운동·루틴·기록으로 단순화해 처음 들어온 사용자가 다음 행동을 찾기 쉽도록 정리했습니다.

② 동작별 진행률과 타이머를 보며 운동합니다.

운동 화면에서는 현재 동작의 진행률과 남은 시간을 확인합니다. 각 동작이 끝나면 완료 버튼을 눌러 다음 단계로 넘어가고, 세 동작을 순서대로 마치면 결과 요약 화면으로 이동합니다. 자동 검증도 첫 화면에서 동작 3개를 거쳐 완료 요약까지 이어지는 흐름을 확인하도록 구성했습니다.

③ 카메라는 런지 자세를 확인하는 보조 기능으로만 사용합니다.

카메라 권한을 허용하고 자세 랜드마크가 감지될 때 런지 자세 점수가 표시됩니다. 카메라 사용이 어렵거나 권한을 허용하지 않은 경우에도 점수 기능만 제외될 뿐, 타이머와 완료 버튼을 이용해 전체 루틴을 진행할 수 있어요. 카메라 영상과 자세 좌표는 서버에 저장하거나 전송하지 않습니다.

④ 완료 결과를 확인하고 기록으로 이동합니다.

루틴을 마치면 결과 요약을 확인한 뒤 기록 화면으로 이동할 수 있습니다. 완료 결과와 누적 기록은 기기에 저장됩니다. 이처럼 카메라는 런지 동작의 보조 코칭에 한정하고, 운동 시작부터 기록 확인까지의 기본 흐름은 카메라 없이도 이어지도록 만들었습니다.

④ 출시 상태와 검증 결과

홈트코치는 현재 개발을 마치고 앱인토스에 배포·출시한 제품입니다. 초급·중급·고급 루틴을 고르고, 동작 3개의 순서와 진행률, 타이머를 확인한 뒤 완료 결과와 기록으로 이동하는 흐름을 구현했습니다. 운동 기록은 기기에 저장되며, 상단 메뉴는 오늘 운동·루틴·기록으로 단순화했습니다.

출시 전 검증도 실제 사용 흐름에 맞춰 진행했습니다. Chrome과 Orca 환경에서 첫 화면 진입부터 루틴 시작, 동작 3개 수행, 완료 요약, 기록 이동까지 확인하는 `scripts/verify-flow.ps1`을 추가했습니다. 테스트·타입체크·린트·AIT 빌드와 브라우저 흐름 검증을 통과했고, 제출용 스크린샷 7장도 준비했습니다. 이 결과는 기능이 의도한 순서대로 동작하는지 확인한 것이며, 실제 사용자 수나 재방문율을 의미하지는 않습니다.

만들면서 기술적 제약도 분명했습니다. 런지 자세 점수는 카메라 권한이 허용되고 자세 랜드마크가 감지될 때만 표시됩니다. 권한을 거부하거나 기기에서 지원하지 않아도 수동 안내로 루틴을 진행할 수 있도록 구성했습니다. 카메라 영상과 자세 좌표는 서버에 저장하거나 전송하지 않으며, 이 기능은 의료 자문이나 치료를 대신하지 않습니다.

출시와 기능 검증은 마쳤지만 운영 단계의 과제는 남아 있습니다. 사용 저조 원인을 제품 활성화, 플랫폼 노출, 배포 산출물, 측정 체계 관점에서 정리했고, 출시 후에는 실제 이용 흐름과 기록 사용 여부를 꾸준히 살펴야 합니다. 지금 확인된 것은 제품이 동작하고 출시되었다는 사실이며, 사용자 반응과 유지율은 운영 과정에서 별도로 측정할 영역입니다.

⑤ 현재 상태에서 다음 운영 과제와 배운 점

현재는 핵심 운동 흐름과 제한적인 런지 보조 코칭을 실제로 제공하고 있습니다. 사용자 수나 매출 같은 성과 수치는 아직 단정하지 않습니다.

다음 단계에서는 사용자 활성화, 플랫폼 노출, 배포 산출물, 측정 체계를 운영 데이터로 점검할 예정입니다. 사용자가 실제로 운동을 시작해 끝까지 완료하는지, 기록 기능까지 이어지는지 확인하려고 합니다.

이번 구현을 통해 기능을 더 많아 보이게 만드는 것보다 실제 제공 범위를 분명하게 보여주는 일이 중요하다는 점을 배웠습니다. 카메라 분석은 전체 운동을 대체하기보다 필요한 동작에만 적용했고, 기능을 사용할 수 없는 환경에서도 기본 운동 흐름이 유지되도록 했습니다.

앞으로 확인할 과제는 사용자가 어느 화면에서 이탈하는지, 카메라 보조 코칭이 운동 지속에 실제로 어떤 도움을 주는지입니다.

첨부한 실제 화면

• 이미지 1: 01.png (실제 화면 1)
• 이미지 2: 02.png (실제 화면 2)
• 이미지 3: 03.png (실제 화면 3)
• 이미지 4: 04.png (실제 화면 4)

❓ 자주 묻는 질문

Q. 홈트코치에서는 어떤 운동 흐름을 이용할 수 있나요?

A. 오늘 운동에서 루틴을 확인하고 시작한 뒤, 동작별 진행률과 타이머를 보며 운동합니다. 루틴을 완료하면 결과 요약과 기록 화면으로 이동할 수 있습니다.

Q. 카메라 권한을 허용하지 않아도 운동할 수 있나요?

A. 네. 카메라 권한이 거부되거나 자세 랜드마크가 지원되지 않아도 수동 코칭으로 전체 루틴을 완료할 수 있습니다. 런지 자세 점수만 카메라 조건이 충족될 때 표시됩니다.

Q. 운동 기록은 어디에 저장되나요?

A. 완료한 운동 결과와 누적 기록은 기기에 저장됩니다. 카메라 영상과 자세 좌표는 서버에 저장하거나 전송하지 않는 정책으로 운영합니다.

Q. 현재 홈트코치는 어떤 환경과 플랫폼을 대상으로 하나요?

A. 앱인토스 미니앱으로 출시했으며, Chrome과 Orca CLI를 사용할 수 있는 Windows 환경에서 주요 브라우저 흐름을 자동 검증할 수 있습니다.

이 개발기를 참고할 때

이 글은 제가 직접 만든 제품의 개발 과정을 정직하게 공유하는 기록입니다.

• 스크린샷과 설명은 작성 시점의 실제 상태 기준이며, 이후 업데이트로 달라질 수 있습니다.
• "다음 계획"으로 표시한 기능은 아직 완성된 기능이 아닙니다.
• 참고하거나 인용할 때는 이 글의 URL을 출처로 남겨주세요.
• 궁금한 점이나 피드백은 댓글로 남겨주시면 다음 개발과 다음 글에 반영하겠습니다.