Realtime QR Setup

학생 QR 좌석 선택 세션 만들기

메인 앱에서 내보낸 세션 JSON을 붙여 넣으면 Supabase에 실시간 선택 세션을 만들고, 교사용 진행 링크와 학생용 접속 링크를 한 번에 준비할 수 있습니다.

자리 선택 QR 세션 준비 화면입니다. 청소 요일/구역 실시간 QR는 별도 cleaning-qr-setup.html에서 만들 수 있습니다.

메인 준비 화면 교사용 진행 화면 청소 세션 만들기 학생 QR 카드 만들기

Route

온라인 사용 루트

1. 메인 준비

명단, 순번, 좌석, 청소표를 먼저 정리합니다.

메인 준비 화면

2. 좌석 QR 세션

세션 JSON을 붙여 넣고 학생 링크와 교사용 링크를 만듭니다.

지금 이 화면

3. 교사용 진행

현재 차례 학생, 남은 학생, 좌석 현황을 함께 봅니다.

교사용 진행 화면
청소 요일과 구역 실시간 QR 세션은 이제 cleaning-qr-setup.html에서 따로 만들 수 있습니다.

Checklist

먼저 준비할 것

1. 메인 앱에서 세션 JSON 내보내기

교사용 숨김 모드에서 QR 학생 선택 준비의 세션 JSON 내보내기를 누르면 됩니다.

2. Supabase 함수 배포

이 폴더의 supabase/schema와 supabase/functions를 Supabase 프로젝트에 반영해야 실시간 잠금이 동작합니다.

3. 공개 주소 채우기

realtime-config.js에 Supabase URL, anon key, 앱 공개 주소를 넣어 두어야 학생 링크가 정확하게 만들어집니다.

Config

실시간 연결 상태

Supabase Project URL

-

Supabase anon key

-

공개 앱 주소

-

Session

내보낸 세션 JSON 붙여넣기

읽어들인 세션 요약

아직 JSON을 읽지 않았습니다.