선생님·기사님·원장 데이터를
실시간으로 공유하려면?

const firebaseConfig = { apiKey: "AIzaSy...", authDomain: "sangsang-factory.firebaseapp.com", databaseURL: "https://sangsang-factory-default-rtdb.asia-southeast1.firebasedatabase.app", projectId: "sangsang-factory", storageBucket: "sangsang-factory.appspot.com", messagingSenderId: "123456789", appId: "1:123456789:web:abcdef..." };

{ "rules": { ".read": "auth != null || root.child('config/accessToken').val() === query.orderBy", ".write": "auth != null || root.child('config/accessToken').val() === query.orderBy", "sangsang_factory": { ".read": true, ".write": true } } }

<!-- Firebase SDK --> <script type="module"> import { initializeApp } from 'https://www.gstatic.com/firebasejs/10.7.0/firebase-app.js'; import { getDatabase, ref, set, get, onValue, push, remove, update } from 'https://www.gstatic.com/firebasejs/10.7.0/firebase-database.js'; // ★ 여기에 복사한 설정값을 붙여넣으세요 ★ const firebaseConfig = { apiKey: "여기에_API_KEY", authDomain: "프로젝트.firebaseapp.com", databaseURL: "https://프로젝트-default-rtdb.asia-southeast1.firebasedatabase.app", projectId: "프로젝트ID", storageBucket: "프로젝트.appspot.com", messagingSenderId: "숫자", appId: "앱ID" }; const app = initializeApp(firebaseConfig); const db = getDatabase(app); // 전역 노출 window.firebaseDB = db; window.fbRef = ref; window.fbSet = set; window.fbGet = get; window.fbOnValue = onValue; window.fbPush = push; window.fbRemove = remove; window.fbUpdate = update; window.FB_ROOT = 'sangsang_factory'; // 데이터 저장 경로 console.log('Firebase 연결 완료 ✅'); </script>

// ─── 기존 방식 (localStorage) ─── function setStuData(data) { localStorage.setItem('stu_data_v1', JSON.stringify(data)); } // ─── Firebase 방식으로 교체 ─── async function setStuData(data) { // localStorage에도 캐시 저장 (오프라인 대비) localStorage.setItem('stu_data_v1', JSON.stringify(data)); // Firebase에도 저장 if (window.firebaseDB) { const path = window.FB_ROOT + '/students'; await window.fbSet(window.fbRef(window.firebaseDB, path), data); } }

// ─── 실시간 데이터 수신 (다른 기기 변경 즉시 반영) ─── function startRealtimeSync() { if (!window.firebaseDB) return; // 학생 데이터 실시간 감시 window.fbOnValue( window.fbRef(window.firebaseDB, window.FB_ROOT + '/students'), (snapshot) => { const data = snapshot.val(); if (data) { localStorage.setItem('stu_data_v1', JSON.stringify(data)); renderStudents(); // 화면 자동 갱신 console.log('학생 데이터 동기화 완료'); } } ); // 출결 데이터 실시간 감시 window.fbOnValue( window.fbRef(window.firebaseDB, window.FB_ROOT + '/attendance'), (snapshot) => { const data = snapshot.val(); if (data) localStorage.setItem('attendance_v1', JSON.stringify(data)); } ); // 차량 노선 데이터 실시간 감시 window.fbOnValue( window.fbRef(window.firebaseDB, window.FB_ROOT + '/route'), (snapshot) => { const data = snapshot.val(); if (data) { localStorage.setItem('route_data_v1', JSON.stringify(data)); renderRoute && renderRoute(); // 차량 화면 갱신 } } ); }

// 앱 시작 시 Firebase에서 전체 데이터 로드 async function loadFromFirebase() { if (!window.firebaseDB) return; const keys = [ { fb: 'students', ls: 'stu_data_v1' }, { fb: 'attendance', ls: 'attendance_v1' }, { fb: 'tuition', ls: 'tuition_log_v1' }, { fb: 'finance', ls: 'fin_data_v1' }, { fb: 'route', ls: 'route_data_v1' }, { fb: 'cars', ls: 'cars_data_v1' }, { fb: 'classes', ls: 'class_data_v1' }, { fb: 'points', ls: 'points_v1' }, { fb: 'scholar', ls: 'scholar_v1' }, ]; for (const k of keys) { const snap = await window.fbGet( window.fbRef(window.firebaseDB, window.FB_ROOT + '/' + k.fb) ); if (snap.exists()) { localStorage.setItem(k.ls, JSON.stringify(snap.val())); } } console.log('Firebase 데이터 로드 완료 ✅'); }