이 프로젝트는 사용자가 선택한 급수(Level)에 따라 한자와 단어 문제를 무작위로 출제하고, 정답을 선택하는 테스트형 웹 애플리케이션입니다.
- 사용자가 선택한 급수에 따라 하위 급수까지 누적 반영된 문제 출제
- 한자 문제 5문제 + 단어 문제 5문제, 총 10문제 랜덤 구성
- 각 문제는 15초의 제한 시간이 주어짐
- 문제를 맞히면 점수 누적 (
10점단위) - 테스트 종료 후 점수에 따라 결과 이미지 표시
| 점수 범위 | 결과 이미지 | 피드백 문구 |
|---|---|---|
| 80점 이상 | happy.png |
"훌륭해요!" |
| 50점 미만 | angry.png |
"좀 더 분발하세요!" |
| 그 외 | copybaru.png |
"테스트 완료!" |
📦 프로젝트 루트
├── character/ # 급수별 한자 텍스트 파일
│ └── 5.txt ~ 준5.txt
├── sentence/ # 문장 관련 텍스트
│ └── 8.txt
├── word/ # 급수별 단어 텍스트 파일
│ └── 5.txt ~ 준5.txt
├── css/
│ ├── character.css
│ ├── index.css
│ └── test-start.css
├── image/
│ ├── angry.png
│ ├── copybaru.png
│ └── happy.png
├── js/
│ ├── character.js
│ ├── test.js
│ └── word.js
├── character.html # 한자 퀴즈 페이지
├── index.html # 시작 페이지 (급수 선택)
├── test-start.html # 테스트 본 페이지
├── test.html # 테스트 통합 페이지
├── word.html # 단어 퀴즈 페이지
└── README.md # 프로젝트 설명 파일
- HTML5, CSS3, JavaScript (Vanilla)
- fetch API를 통한 텍스트 파일 기반 데이터 로딩
- 클라이언트 단에서 모든 로직 처리 (서버 불필요)