Project Day 상세 실습과제 가이드

Task 01. 아이디어 구체화 및 세 문장 정의 (Phase 1)

Codex에게 전달할 프로젝트의 목적과 사용자 역할을 다음 세 문장 양식으로 작성합니다.

1. 사이트 목적: 학생이 자신의 카드를 선택하여 QR 코드로 출석하고, 선생님이 실시간으로 확인하는 시스템이다.
2. 학생 역할: 이름 검색 ➔ ID 카드 클릭 ➔ 모바일 QR 스캔 ➔ 출석 버튼 클릭
3. 선생님 역할: 전체 출석 현황 모니터링 대시보드 ➔ 실시간 갱신 확인 ➔ 출석/미출석 필터링

Task 02. 5대 Markdown 기획 문서 팩 작성 (Phase 2)

Codex에 다음 5개 파일 생성을 요청하고 완료 기준을 검토합니다.

• SITE_SPEC.md: 화면 구성, 기능, 디자인, 완료 검수 기준
• USER_FLOWS.md: 사용자별 단계별 동선
• DATA_MODEL.md: 학생 및 출석 데이터 모델
• IMPLEMENTATION_PLAN.md: 구현 순서
• CONVERSATION.md: 대화 기록

Task 03. 코덱스 코드 생성 및 테스트 (Phase 3 & 4)

Codex에 기획서를 읽게 한 후 website/ 폴더 생성을 요청합니다.

프롬프트: "작성된 기획서 문서를 먼저 읽고, website/ 폴더 아래 학생 출석 QR 페이지와 선생님 모니터링 페이지를 완성해 줘."

Task 04. 요구사항 변경 및 발표 준비 (Phase 5 & 6)

기획 문서를 먼저 수정한 후 코드를 개정하고, 대화 이력을 CONVERSATION.md에 정리하여 발표를 진행합니다.