모의고사 온라인 응시 플랫폼

학생이 문제은행에서 불러온 문항을 순서대로 풀며 남은 시간을 실시간으로 확인하고 답안을 임시 저장하는 응시 화면입니다.

• WebSocket 기반 서버-클라이언트 시간 동기화로 타이머 오차를 보정하는 구조 설계
• React Query로 문제은행 데이터를 캐싱하고 문항 전환 시 즉시 렌더링되는 구조 구현
• Debounced 자동저장으로 답안 변경 시마다 서버에 임시 저장 요청을 전송하는 구조 구현

서버 기준 시각을 주기적으로 동기화하는 타이머 엔진을 구현하여, 클라이언트 시계 오차나 네트워크 지연에도 시험 종료 시점을 일관되게 유지하는 구조를 설계합니다.

전체 문항의 답변 상태(미답변/답변완료/검토표시)를 한눈에 확인하고 원하는 문항으로 즉시 이동할 수 있는 네비게이터입니다.

• Zustand 기반 문항별 답변 상태 전역 관리로 사이드바 배지를 즉시 반영하는 구조 구현
• 커맨드 팔레트 컴포넌트로 문항 번호 검색 시 해당 문항으로 스크롤 이동하는 구조 설계
• 검토표시 상태를 로컬 스토리지에 백업하여 새로고침 후에도 유지되는 구조 구현

문항 단위 상태 추적과 커맨드 팔레트 이동을 결합하여, 다수 문항을 빠르게 오가며 점검할 수 있는 네비게이션 구조를 설계합니다.

다수 학생이 동시에 답안을 제출하는 상황에서도 데이터 정합성을 보장하는 제출 처리 화면입니다.

• PostgreSQL 트랜잭션과 SELECT... FOR UPDATE로 동시 제출 시 행 단위 락을 적용하는 구조 설계
• 제출 큐를 두어 순간적인 동시 접속 폭주에도 순차적으로 안전하게 반영하는 구조 설계
• 제출 실패 시 자동 재시도 로직과 실패 로그 테이블을 별도로 설계

동시 제출 상황에서 데이터 정합성을 보장하기 위해 트랜잭션 격리 수준과 락 전략을 조합한 처리 구조를 설계하며, 성능 저하 없이 안정적인 기록을 목표로 합니다.

제출된 답안을 정답과 자동으로 비교해 점수를 산출하고, 문항별 정오 여부를 정리해 보여주는 리포트 화면입니다.

• 제출 이벤트를 트리거로 채점 함수가 즉시 실행되는 이벤트 기반 채점 파이프라인 설계
• 난이도별·영역별 정답률을 집계하는 쿼리 구조 설계
• JWT 기반 인증과 역할별 접근 제어로 성적 데이터 열람 범위를 제한하는 구조 구현

제출과 동시에 채점이 완료되는 파이프라인을 구현하고, 성적·개인정보 데이터는 역할 기반 접근 제어로 보안을 강화하는 구조를 설계합니다.