Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🧪 한자 테스트 웹앱 프로젝트

이 프로젝트는 사용자가 선택한 급수(Level)에 따라 한자와 단어 문제를 무작위로 출제하고, 정답을 선택하는 테스트형 웹 애플리케이션입니다.

✅ 주요 기능

  • 사용자가 선택한 급수에 따라 하위 급수까지 누적 반영된 문제 출제
  • 한자 문제 5문제 + 단어 문제 5문제, 총 10문제 랜덤 구성
  • 각 문제는 15초의 제한 시간이 주어짐
  • 문제를 맞히면 점수 누적 (10점 단위)
  • 테스트 종료 후 점수에 따라 결과 이미지 표시

🧠 점수 및 피드백

점수 범위 결과 이미지 피드백 문구
80점 이상 happy.png "훌륭해요!"
50점 미만 angry.png "좀 더 분발하세요!"
그 외 copybaru.png "테스트 완료!"

📁 폴더 구조 (2025 기준)

📦 프로젝트 루트
├── 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를 통한 텍스트 파일 기반 데이터 로딩
  • 클라이언트 단에서 모든 로직 처리 (서버 불필요)

About

한자 공부용 사이트

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages