GitHub ‘Finish‑up‑a‑Thon’ 챌린지
Source: Dev.to
개요
기본 CPS 카운터에서 시작해 완전한 성능 추적 도구로 발전시킨 고급 클릭 속도 테스터를 만들었습니다. 최종 버전에는 실시간 CPS 모니터링, 최고 및 최우수 점수 추적, 세션 모드, 실시간 성능 그래프, 결과 내보내기, 상세 분석 기능이 포함됩니다. 경쟁용으로 실용적이면서도 깔끔하고 반응형이며 데스크톱과 모바일 모두에서 사용하기 쉬운 것이 특징입니다.
실시간 데모
https://vivid162veejayant.github.io/CPS-Tester/
소스 코드
https://github.com/vivid162veejayant/CPS-Tester
스크린샷
홈 화면
(스크린샷 자리 표시자)
진행 중인 세션
(스크린샷 자리 표시자)
비디오 안내
유튜브에서 시청
복귀 스토리
먼저 핵심 신뢰성 문제를 해결했습니다. 특히 최우수 CPS 영속성 및 업데이트 동작과 관련된 문제를 중점적으로 고쳤습니다. 안전한 localStorage 검증을 구현하고, 잘못된 레거시 값을 수정했으며, 메트릭 업데이트를 안정화해 UI가 실시간으로 일관되게 유지되도록 했습니다.
그 후, 기능 세트를 크게 확장했습니다:
- 안정적인 1초 윈도우를 기반으로 실시간 CPS, 최고 CPS를 추가하고 최우수 CPS 로직을 개선했습니다.
- 타이머가 즉시 시작되는 대신 Start 버튼을 누른 뒤 첫 실제 클릭에서 시작하도록 세션 흐름을 변경해 타이밍 공정성을 향상시켰습니다.
전체적으로 이 프로젝트를 단순 프로토타입에서 실제 사용자를 위한 다채로운 기능을 갖춘 정교한 CPS 분석 애플리케이션으로 탈바꿈시켰습니다.
GitHub Copilot과 함께한 여정
1️⃣ 의심에 직면하기
“참가 배지만 받고 그 외는… ”라는 생각으로 시작했습니다. 저장소 평가를 Copilot에 요청했더니 솔직한 평가를 받았습니다.
2️⃣ 실행 가능한 단계: 단계별 안내
Copilot은 README와 코드 리뷰를 기반으로 명확한 버그 체크리스트를 제공했습니다.
3️⃣ 함께 프로젝트 리팩터링 및 다듬기
함께 버그가 있는 세션 기록과 스페이스바 이벤트 처리를 찾아 수정했습니다.
4️⃣ “그냥 저장소”에서 “실시간 데모”로
프로젝트를 GitHub Pages에 배포해 누구든지—심사위원도 포함—즉시 사용할 수 있게 했습니다.
5️⃣ 자신감과 제출 구축
Copilot은 내 확률이 “무한대 중 1”이 아니라고 안심시켰고, 마무리하고 문서화하며 실시간 데모를 제공하는 것이 제출을 돋보이게 만든다고 말했습니다.
제출 세부 정보
이 프로젝트는 @vivid162veejayant가 단독(1인)으로 완료하고 제출했습니다. 추가 팀원은 없습니다.