안녕하세요, 소프트웨어를 전공하고 있는 한현민입니다.
최근 시험 공부를 하면서 흥미로운 시도를 하나 진행했습니다. 바로 학습하는 PDF 형태의 교재 내용을 바탕으로 AI가 자동으로 객관식 퀴즈 문제를 생성하고, 이를 웹 기반의 인터랙티브한 퀴즈 카드로 풀어볼 수 있는 시스템의 프로토타입을 만들어보는 작업이었습니다.
이 과정을 통해 AI의 텍스트 이해 및 생성 능력과 웹 기술의 결합이 교육에 어떻게 활용될 수 있는지 직접 경험하고, 앞으로의 가능성을 모색해 보았습니다.
https://g.co/gemini/share/1fc0ccc3bd86
소개: 왜 이런 시도를 하게 되었나?
이 시도는 크게 두 가지 목표에서 시작되었습니다. 첫째는 학교 시험 대비입니다. 교재의 핵심 내용을 효과적으로 복습하고 스스로 점검할 수 있는 객관식 문제 풀이는 시험 준비에 큰 도움이 됩니다. 둘째는 자격증 공부 지원입니다. 소프트웨어 공학 분야의 자격증을 준비하는 학생들에게도 방대한 학습 자료를 효율적으로 소화하고 실력을 다질 수 있는 도구가 필요하다고 생각했습니다.
이러한 필요성을 바탕으로, AI를 활용하여 교재 PDF만 있으면 자동으로 예상 시험 문제를 만들어주는 시스템을 구상하게 되었습니다. 학생들이 직접 문제를 만드는 시간과 노력을 줄이고, 생성된 문제를 통해 핵심 개념을 빠르게 파악하며 학습 효율을 높이는 것이 이 시도의 주된 이유입니다.
진행 방법: 어떤 도구를 사용하고 어떻게 만들었나?
이 프로젝트는 Google의 AI 모델인 Gemini와 v0를 주로 활용하여 진행했습니다.
처음에는 PDF 내용을 바탕으로 단순히 50개의 객관식 시험 문제를 만드는 것부터 시작했습니다. (이 과정에서 AI는 PDF 파일의 내용을 분석하여 문제와 선택지를 생성해주었습니다.
하지만 생성된 문제를 단순히 텍스트 목록으로 제공하는 것보다는, 학생들이 좀 더 흥미를 느끼고 적극적으로 참여할 수 있는 형태로 만들고 싶었습니다. 여기서 v0의 도움을 받아 웹 기반의 퀴즈 카드 인터페이스를 구현하게 되었습니다.
v0를 통해 HTML, CSS, JavaScript 코드를 생성하고 수정하는 작업을 반복하며 다음과 같은 기능들을 추가했습니다.
문제를 카드 형태로 한 번에 하나씩 보여주는 기능
객관식 선택지를 클릭 가능한 버튼으로 만드는 기능
답변 선택 시 즉각적인 정답/오답 피드백을 제공하는 기능
정답 확인 후 자동으로 다음 문제로 넘어가는 기능
퀴즈 완료 후 결과 요약 및 틀린 문제만 다시 풀어보는 기능
이 과정에서 AI와 지속적으로 대화하며 요구사항을 전달하고, 생성된 코드를 검토하고 수정하는 반복적인 작업을 통해 원하는 형태의 퀴즈 카드를 완성할 수 있었습니다.
Quiz Card Interface 여기에 완성된 퀴즈 카드 화면 캡처 이미지를 넣어주세요. 이미지
3단계: 미래를 향한 워크플로우 구상
궁극적인 목표는 학생들이 직접 자신의 교재 PDF를 시스템에 올리면, AI가 해당 교재만을 위한 맞춤형 퀴즈를 자동으로 생성해주고, 학생들은 이 퀴즈를 웹사이트에서 풀어보며 학습 효율을 높이는 워크플로우를 구축하는 것입니다.
이를 위해서는 이번에 구현한 프론트엔드(사용자 인터페이스) 외에, PDF 파일 처리, 텍스트 추출, AI 모델 연동, 퀴즈 데이터 관리 등을 담당할 백엔드 시스템 개발이 추가적으로 필요합니다.
이러한 시스템이 완성된다면, 학생들은 더 이상 수동으로 학습 자료를 요약하거나 문제를 만들 필요 없이, AI의 도움을 받아 개인 맞춤형 학습 콘텐츠를 손쉽게 얻고 효과적으로 복습 할 수 있게 될 것입니다.
결과와 배운 점: 과정과 앞으로의 계획
이 시도를 통해 AI가 단순 텍스트 생성뿐만 아니라, 특정 문서를 이해하고 교육 콘텐츠를 가공하는 데에도 큰 잠재력을 가지고 있음을 확인할 수 있었습니다. 또한, AI와의 협업을 통해 아이디어를 빠르게 프로토타입으로 구현하고 개선해 나가는 애자일(Agile) 개발 방식을 경험할 수 있었습니다.
과정 중 겪었던 시행착오:
AI가 생성하는 문제의 품질을 일관되게 유지하는 것. (교재 내용을 정확히 반영하고 함정이 없는 문제를 만드는 것)
PDF에서 텍스트를 정확하게 추출하는 기술적인 부분 (이는 백엔드 구현 시 해결해야 할 과제입니다.)
사용자가 직관적으로 사용할 수 있는 인터페이스 디자인을 AI와 함께 다듬어 가는 과정.
나만의 꿀팁:
AI에게 구체적이고 명확한 역할을 부여하고, 원하는 결과물의 형태를 상세히 설명하는 것이 중요합니다.
처음부터 완벽한 결과물을 기대하기보다, 작은 기능부터 구현하고 점진적으로 개선해 나가는 것이 효율적입니다.
AI가 생성한 코드나 콘텐츠를 그대로 사용하기보다는, 반드시 검토하고 필요한 부분을 수정하는 과정이 필수적입니다.
앞으로의 계획:
이번 프로토타입을 바탕으로 실제 학생들이 사용할 수 있는 시스템을 개발하는 것을 목표로 하고 있습니다. PDF 텍스트 추출 및 AI 모델 연동을 위한 백엔드를 구축하고, 더 다양한 형태의 문제 유형(주관식, OX 등)을 지원하며, 학생들의 학습 데이터를 기반으로 맞춤형 문제 추천 기능을 추가하는 등 시스템을 발전시켜 나갈 계획입니다.
도움 받은 글 (옵션)
이번 시도는 소프트웨어 공학 수업에서 배운 시스템 개발의 과정과 AI 기술의 잠재력을 교육 현장에 적용해 본 의미 있는 경험이었습니다. 비록 아직 프로토타입 단계이지만, AI가 교육 콘텐츠를 생성하고 웹 기술이 이를 효과적으로 전달하는 방식이 미래 교육에 어떤 변화를 가져올 수 있을지 엿볼 수 있었습니다.
앞으로도 이러한 시도를 계속 이어나가며, 기술이 우리 학생들의 학습 경험을 어떻게 향상시킬 수 있을지 함께 고민하고 발전시켜 나가겠습니다.
관심 있는 학생들은 이번에 만든 퀴즈 카드를 직접 사용해보며 학습에 활용해 보시기 바랍니다.
감사합니다.
작성자: 상명대학교 소프트웨어학과 한현민
010-9900-2861