[SE] ? 소프트웨어공학 기말고사 대비 퀴즈 웹사이트 (with HTML/CSS/JS)

실제 사이트

기말고사를 준비하면서 SW 공학 과목에서 다뤘던 주요 개념들을 복습할 수 있는 객관식 퀴즈 웹사이트를 만들었습니다.

HTML, 순수 JS로 구성되어 누구나 쉽게 실행해볼 수 있어요!

? 구성 파일

• Test.html – 퀴즈 페이지의 전체 구조와 스타일을 담당합니다.

• quiz-data.js – 총 89문제의 객관식/True-False 문제가 정리되어 있습니다.

• main.js – 문제를 렌더링하고, 각 문제별로 정답 확인 기능을 제공합니다.

? 주요 기능

• 89문제 + 47문제 자동 렌더링

• 각 문제마다 정답 확인 버튼 개별 제공

• 정답 확인 시 즉시 피드백(정답/오답/미응답) 표시

• 리프레시 없이 동작하는 순수 클라이언트 앱

✅ 사용 방법

1. 세 파일(index.html, quiz-data.js, main.js)을 같은 폴더에 저장

2. index.html을 브라우저로 열기

3. 각 문제별로 정답을 선택하고 버튼을 눌러 확인

? 데모

? 직접 열어보기: Test.html 파일을 브라우저에서 열면 바로 사용 가능!

블로그 구독과 좋아요, 그리고 댓글도 많관부~