https://github.com/studroid/flutter_bxg_bjj_scoreboard 크로스 플랫폼 개발 프레임워크인 Flutter로 만든, 주짓수 대회용 점수판을 공개해봅니다 🙂
- GitHub Pages에 실행 가능한 웹 버전이 있습니다. - Flutter로 만들었기에 각종 환경(PC, 안드로이드, iOS)에서 동작 가능한 버전으로 빌드할 수 있습니다.
동작하는 기능 리스트는 다음과 같습니다.
- 타이머: 시작/일시정지/시간 변경/6분으로 되돌림 - 소리: 타이머 시작 시, 종료 시, 리셋 후 다시 시작 시 삐~! 소리 출력 - 선수 이름 입력 - 각 선수마다 4점/3점/2점 단위의 점수 올리기/내리기 - 각 선수마다 Advantage/Penalty 부여 - 총점 계산 - 점수판 리셋
이걸 만든 이유는 다음과 같습니다.
- 이런저런 이유로...! Flutter에 흥미를 느껴 학습을 하고 아아주 간단한 앱을 만들어본 적이 있었는데요 - 주짓수를 1년 정도 배우고 있었는데, 제가 다니던 도장에서 대회를 열게 됐습니다. - 대회에서 사용할 점수판이 모바일 앱으로는 있는데, 유용하게 쓸 만한 데스크탑 앱이 없다는 얘기가 나왔고 (=선수 또는 관계자들이 점수를 확인할 수 없고, 심판도 안내 부담) - 제가 개발을 한다는 사실을 알던 분들께서 반 장난으로 '어, 이거 만드실 수 있지 않아요!?' - 근데 이 말을 듣고 문득 Flutter가 진짜 효용을 발휘할 아이템이라는 생각이 들어...! - 주말에 만들어서 대회에서 쓰게 됐고, 지금도 쓰이고 있습니다.
기존 점수판과의 차이는 - 기능상으로는 거의 같습니다. - 다만 브라우저에서 확인할 수 있고, 브라우저 사이즈에 따라 상하좌우 크기가 다 바뀝니다. - 즉 모바일 포함 어디서나 사용할 수 있는 점수판입니다. - 스크린 높이값에 따라 글씨 크기가 동적으로 바뀝니다.
Flutter에서 쓰이는 GetX라는 라이브러리를 사용해 상태 관리를 했고, 개발 구성의 복잡도는 높지 않은 편이라, 컴포넌트 기반으로 MVC 패턴을 사용해 UI/Logic/Data를 분리해 코드를 만들었습니다.
Flutter의 기반 언어인 Dart로 만들어져 있고, 한번 살펴보시고 각종 의견과 피드백 & 어떠한 관심이든 주시면 매우 감사하겠습니다!!
|