퀴즈 앱 만드는 법

퀴즈 앱은 문제를 보여 주고, 답을 모으고, 채점하고, 결과를 보여 줍니다. 가장 단순한 버전, 즉 고정된 퀴즈 하나를 브라우저에서 채점하는 방식은 반나절이면 만들 수 있습니다. 학습, 채용, 대회에 쓰이는 버전에는 문제은행, 서버에 보관되는 정답, 저장된 응시 기록, 공정한 시간 관리가 필요합니다. 어떤 버전을 만들지 일찍 정하세요. 구조가 완전히 달라지기 때문입니다.

어떤 종류의 퀴즈인지 정하세요

"퀴즈"라는 말은 아주 다른 제품들을 모두 포함합니다.

이해관계가 없는 성격 테스트는 브라우저에서 전부 안전하게 실행할 수 있습니다. 평가는 그럴 수 없습니다. 라이브 퀴즈에는 실시간 업데이트가 필요하며 복잡도가 한 단계 더 높으니, 그것이 핵심이 아니라면 첫 버전에서는 빼세요.

퀴즈 앱에 필요한 것

데이터

• 퀴즈: 제목, 설명, 설정(제한 시간, 응시 횟수, 문제 섞기, 합격 점수, 응시 후 정답 공개 여부).
• 문제: 퀴즈, 질문 텍스트, 유형, 배점, 선택 사항인 이미지, 나중에 보여 줄 해설.
• 보기: 문제의 선택지와 어느 것이 정답인지.
• 응시 기록: 누가 어떤 퀴즈를, 언제 시작하고 제출했는지, 점수.
• 답안: 응시 기록 안에서 각 문제에 대해 사람이 고른 보기(또는 텍스트).

응시 기록과 답안을 분리해 두면, 사람들이 무엇을 틀렸는지 정확히 보여 줄 수 있고, 거의 모두가 틀리는 문제를 찾아낼 수 있습니다. 그런 문제는 보통 문제 표현이 잘못되었다는 신호입니다.

페이지

• 작성자를 위한 퀴즈 편집기: 문제 추가, 순서 변경, 정답 표시, 미리보기.
• 문제 수, 제한 시간, 응시 횟수 등 규칙을 보여 주는 퀴즈 시작 페이지.
• 휴대폰에서는 한 번에 한 문제씩, 진행 상황("10문제 중 4번째")과 함께 보여 주는 문제 화면.
• 점수, 합격 또는 불합격, 설정이 허용하면 문항별 피드백을 보여 주는 결과 페이지.
• 응시 수, 평균 점수, 가장 어려운 문제를 보여 주는 작성자 대시보드.

권한

작성자는 퀴즈를 만들고 편집하며, 응시자는 퀴즈를 풀기만 합니다. 퀴즈가 반이나 팀을 위한 것이라면, 그룹을 추가해서 사람들이 자신에게 배정된 퀴즈만 보게 하세요. 앱에 로그인 추가하기를 참고하세요.

적어 두어야 할 채점 규칙

퀴즈 버그 대부분은 채점 버그입니다. 다음 규칙을 프롬프트에 넣으세요.

1. 단일 선택: 정답이면 전체 점수, 아니면 0점.
2. 복수 선택("해당하는 것을 모두 고르세요"): 전부 맞아야 점수를 줄지, 부분 점수를 줄지 정하세요. 부분 점수라면 틀린 선택은 감점되나요? 예시를 적으세요. "정답은 A와 C. A만 고르면 2점 중 1점. A, B, C를 고르면 2점 중 1점."
3. 답하지 않은 문제는 0점이며, 틀린 것이 아니라 "미응답"으로 표시합니다.
4. 제한 시간은 시작 시각을 이용해 서버에서 강제합니다. 브라우저 타이머는 표시용일 뿐이며, 누구나 멈추거나 바꿀 수 있습니다.
5. 문제 섞기는 보이는 순서만 바꾸고, 어떤 보기가 정답인지는 바꾸지 않습니다. 정답은 위치가 아니라 보기 ID로 저장하세요.

정답은 브라우저에 보내지 마세요

진지한 퀴즈 앱이라면 반드시 지켜야 하는 기술적 요점입니다. 페이지가 정답 표시가 포함된 문제를 받아서 스스로 채점하면, 누구나 개발자 도구를 열어 답안지를 읽을 수 있습니다.

해결책은 설명하기 간단합니다. 서버는 정답 표시 없이 문제를 보내고, 사용자가 제출하면 서버가 응시를 채점하고 결과를 돌려줍니다. 프롬프트에 이를 명시하세요. 가벼운 재미용 퀴즈라면 상관없지만, 자격증, 성적, 상품이 걸린 퀴즈라면 반드시 필요합니다.

잘 작동하는 첫 프롬프트

퀴즈 웹앱을 만들어 줘. 작성자는 로그인해서 제목, 설명, 선택적 제한 시간, 허용 응시 횟수, 합격 점수가 있는 퀴즈를 만들 수 있어. 각 퀴즈에는 단일 선택, 복수 선택, 참/거짓 문제가 있고, 배점과 선택적 해설이 있어. 응시자는 링크로 퀴즈를 열고 규칙을 본 뒤, 진행 막대와 함께 한 화면에 한 문제씩 답해. 제출 전에는 정답이 절대 브라우저로 전송되면 안 돼. 채점은 서버에서 하고, 제한 시간도 서버에 기록된 시작 시각으로 강제해. 복수 선택은 전부 맞아야 점수를 줘. 제출 후에는 점수, 합격 여부, 그리고 작성자가 허용하면 각 문제의 정답과 해설을 보여 줘. 모든 응시와 답안을 데이터베이스에 저장해. 작성자에게는 평균 점수와 가장 많이 틀린 문제를 보여 주는 결과 페이지를 줘.

만드는 단계

1. 편집기부터. 여러 유형의 문제 열 개가 있는 퀴즈 하나를 만드세요. 문제 작성이 번거롭다면 작성자가 앱을 쓰지 않습니다.
2. 퀴즈 응시. 휴대폰에서 직접 풀어 보세요. 진행 상황, 앞뒤 이동, 새로 고침을 했을 때 어떻게 되는지 확인하세요.
3. 서버 측 채점. 퀴즈를 푸는 동안 브라우저의 네트워크 탭을 열어, 제출 전에 어떤 응답에도 정답이 없는지 확인하세요.
4. 채점 테스트. 예상 점수가 있는 예시 다섯 개를 AI에게 주세요. 부분적으로 맞은 복수 선택 답안과 답하지 않은 문제를 포함하세요.
5. 타이머. 제한 시간이 있는 퀴즈를 시작하고 시간이 지난 뒤 제출하세요. 거부되거나 마감 시점의 상태로 채점되어야 합니다. 어느 쪽으로 할지 정하세요.
6. 결과와 분석. 가장 많이 틀린 문제 목록을, 일부러 한 응시 기록과 대조해 확인하세요.
7. 추가 기능. 이제서야 이미지, 무작위 선택 문제은행, 자격증, 리더보드를 추가하세요.

흔한 실수

• 페이지에 들어 있는 답안지. 가장 흔하고 가장 심각한 결함입니다.
• 브라우저 시계를 믿는 것. 제한은 서버에서 강제하세요.
• 정답을 "2번 보기"처럼 저장하는 것. 섞으면 엉뚱한 답이 정답으로 표시됩니다.
• 응시가 끝난 뒤 퀴즈를 편집하는 것. 문제를 바꾸면 예전 점수의 의미가 바뀝니다. 응시가 있는 퀴즈는 잠그거나 버전을 관리하세요.
• 평가에서 무제한 재응시. 응시 규칙을 정하고 서버에서 강제하세요.
• 기본적으로 실명이 보이는 리더보드. 특히 학생을 위해서라면, 사람들이 표시 이름을 고를 수 있게 하세요.

완성된 제품이 더 나은 경우

빠른 교실 게임, 이미 쓰고 있는 강의 플랫폼 안의 퀴즈, 또는 일회성 리드 수집 퀴즈가 필요하다면, 기존 퀴즈 및 설문 도구가 더 빠르고 종종 무료입니다. 학습 관리 시스템에는 성적부가 있는 퀴즈가 이미 포함되어 있습니다. 양식 형태의 방법은 Typeform 대안과 Google Forms 대안을 참고하세요.

직접 만드는 편이 나은 경우는 퀴즈가 더 큰 무언가의 일부일 때, 예를 들어 판매하는 강좌, 채용 절차, 자신만의 규칙이 있는 교육 프로그램일 때, 또는 도구가 주지 않는 채점, 브랜딩, 데이터 소유권이 필요할 때입니다. 연습을 위해서는 플래시카드 앱과 함께 쓰거나, 온라인 강좌 플랫폼 안에 넣을 수 있습니다.

Mythex로 만들기

Mythex에서는 채팅으로 퀴즈 앱을 설명하고, 휴대폰 크기 화면을 포함한 라이브 미리보기에서 시험해 볼 수 있습니다. 응시 기록을 저장하고 싶다고 요청하면 에이전트가 데이터베이스를 추가하며, 프론트엔드와 함께 서버 측 채점 코드도 작성합니다. 작성자 로그인은 Mythex가 내장 로그인 제품을 제공하는 것이 아니라, 여러분이 고른 인증 방식을 연결하는 방식입니다. 변경으로 채점이 깨지면 이전 체크포인트로 되돌아가 다시 시도할 수 있습니다. mythex.ai 링크로 게시하거나, Pro에서는 자신의 도메인으로 게시하세요.

자주 묻는 질문