QuizMaster – 배우고, 만들고, 플레이
Source: Dev.to
GitHub Copilot CLI 챌린지 제출
이것은 GitHub Copilot CLI 챌린지에 대한 제출물입니다.
QuizMaster는 학습자와 교육자를 모두 위해 만든 플랫폼입니다. 퀴즈와 모의 테스트를 통해 지식을 강화할 수 있으며, 직접 제작자가 되어 여러분이 아는 것을 전 세계와 공유할 수도 있습니다. 여기서의 학습은 지루하거나 수동적이지 않으며, 인터랙티브하고 경쟁적이며 진정으로 재미있습니다.
내가 만든 것
저는 학습이 게임처럼 느껴질 때 가장 효과적이라고 굳게 믿는 기술 애호가입니다. QuizMaster는 한 가지 간단한 질문에서 시작되었습니다:
지식 테스트가 게임을 하는 것만큼 흥미로웠다면 어떨까요?
그 아이디어는 다음과 같은 완전한 플랫폼으로 발전했습니다:
- 학습자는 퀴즈와 모의 테스트를 통해 연습할 수 있습니다
- 제작자는 손쉽게 퀴즈를 디자인할 수 있습니다
- 게임화 요소가 사용자를 동기부여하고 재방문을 유도합니다
- 직관적인 퀴즈 제작 흐름부터 점수 기반 참여까지 모든 기능은 실제 사용자를 염두에 두고 설계되었습니다.
이는 단순한 사이드 프로젝트가 아니라, 피드백과 실험을 통해 지속적으로 개선되는 살아있는 제품입니다.
데모
🔗 실시간 웹사이트: Quiz Mock Test Website (Google 로그인 필요) – 바로 테스트해 보세요.
퀴즈 만들기 흐름
대량 질문 가져오기 기능
제작자 대시보드
모의 테스트 퀴즈 페이지
인터랙티브 모드 / 표준 모드
학습 자료 대시보드 (블로그 생성 – CLI)
PWA 사이드 내비게이션 바 (Co‑pilot CLI)
블로그 생성 화면
블로그 분석 화면
기술 테스트하기 (모의 시험을 블로그 페이지와 연결하기)
(참고: 최종 이미지 URL이 원본 소스에서 잘려 있습니다.)
QuizMaster – Built with GitHub Copilot CLI
Features & Screenshots
Study Materials Page Carousel (handled via CLI)
Blog Visibility – Logged‑in Users Only
PWA UI – Fully Fixed & Created with CLI
Demo video:
My Experience with GitHub Copilot CLI
전체 플랫폼을 혼자 구축하는 일은 압도적일 수 있습니다—문법을 기억하고, 기능을 설계하고, 디버깅하고, 배포까지 한 번에 처리하려면 많은 시간이 필요합니다. 바로 GitHub Copilot CLI가 저에게 게임 체인저가 된 이유입니다.
What Copilot CLI gave me
- Speed: 아이디어 → 프로덕션까지 단 20 일 만에 구현.
- Freedom: 구현 세부 사항에 얽매이지 않고 실험 가능.
- Learning: 새로운 개념을 거의 즉시 습득하고 적용.
Real‑world examples
- 통합 주관식 질문을 모의 시험에 삽입 – Copilot CLI가 핵심 로직을 생성했으며, 모든 테스트를 통과했습니다.
- 전체 블로그 및 학습 자료 시스템 구축 – 데이터베이스 스키마부터 콘텐츠 흐름까지 전부 구현.
- 블로그와 모의 시험 연동 – 더 나은 콘텐츠 탐색을 위한 원활한 교차 참조.
- PWA 내비게이션 및 레이아웃 문제 해결 – 전부 CLI 프롬프트만으로 해결.
Implemented features
- 퀴즈 잠금 코드
- 퀴즈, 제작자, 콘텐츠에 대한 북마크 기능
- 로그인 사용자 전용 콘텐츠 가시성
- 가이드형 프로덕션 배포 및 설정
Copilot CLI는 도구라기보다 지칠 줄 모르는 페어 프로그래밍 파트너와 같았습니다—보일러플레이트와 추측에 시간을 빼앗기지 않고 제품 사고에 집중할 수 있게 해줍니다.
Result
QuizMaster는 이제 실시간, 프로덕션‑레디 제품이며, 이는 GitHub Copilot CLI가 제공하는 마찰 없는 워크플로우 덕분입니다. 이 프로젝트는 강력한 개발자 도구와 열정, 끈기가 만나면 어떤 것이 가능한지를 보여줍니다.
팀 / 크레딧
Sagar Saini – 설립자 및 수석 개발자
📧