학습 대시보드 및 모드 선택 화면
프로젝트 개요
- 해결 과제
- 건축기사 실기 학습에서는 서술형 답안을 반복해서 채점하고 시험 시간과 오답을 함께 관리해야 했다.
- 접근 방식
- 키워드 기반 부분점수 판정, 40문제·150분 모의고사, Firebase 동기화와 오답 기록을 하나의 학습 흐름으로 구성했다.
- 담당 기여
- React 프런트엔드와 Firebase 인증·데이터 구조, 자동 채점 로직, 모바일 화면을 설계·개발했다.
- 결과
- 문제 풀이, 자동 채점, 모의고사와 오답 복습을 연결한 반응형 웹 애플리케이션을 배포했다.
1. 구현 목적
건축기사 실기 시험을 준비하는 학습자를 위한 웹 애플리케이션입니다. 키워드 기반 자동 채점과 모의고사, 오답 기록을 한곳에 구성하고 Firebase Firestore로 학습 기록을 계정에 동기화합니다.
건축기사 실기 핵심 용어 및 이론 정리
2. 주요 기능
- 키워드 기반 채점: 사용자 답안에 포함된 핵심어를 기준으로 정답, 부분점수, 오답을 구분합니다.
- 실전 모의고사: 실제 시험과 동일한 40문제, 150분 타이머 환경을 제공합니다.
- 학습 기록: 시험 결과와 오답노트를 Firestore에 동기화해 기기 간에 이어서 확인할 수 있습니다.
- 반응형 화면: 데스크톱과 모바일에서 같은 학습 흐름을 사용할 수 있도록 구성했습니다.
문제 풀이 인터페이스
3. 기술 구성
Frontend: React 18, Vite, Tailwind CSS
Backend: Firebase (Auth, Firestore)
Algorithm: Keyword Matching Logic for Auto-grading
