학생들의 사연을 모으려면 무료 데이터베이스인 파이어베이스를 딱 한 번만 연결하면 돼요. 아래 순서대로 따라 해보세요.
1
firebase.google.com 접속 → 구글 로그인 → 시작하기 클릭
2
프로젝트 추가 → 이름 입력 (예: classroom-radio) → 애널리틱스는 사용 안 함 → 만들기
3
프로젝트 화면 가운데 </> (웹) 아이콘 클릭 → 앱 닉네임 입력. ⚠️ 아래 "이 앱의 Firebase 호스팅도 설정" 체크박스는 체크하지 말고 비워두세요. → 앱 등록 클릭
4
등록하면 "Firebase SDK 추가" 화면이 떠요. 위쪽에 npm / </> 스크립트 사용 두 개의 탭(버튼)이 있는데, 꼭 </> 스크립트 사용 쪽을 누르세요. (npm 탭은 설치 명령어만 나와서 설정이 비어 보여요)
5
그러면 const firebaseConfig = { apiKey: "…", … } 코드가 나타나요. 이 { } 부분 전체를 드래그해 복사 → 이 설정창의 전체 설정 붙여넣기 칸에 붙여넣기 → 자동 채우기 → 설정 저장하기
6
왼쪽 메뉴 Firestore Database ➜ [데이터베이스 만들기] (필수!) ➜ 테스트 모드 선택 ➜ 위치 선택(한국에서 빠른 asia-northeast3(서울) 또는 기본값인 nam5(미국 다중 리전)/us-central 모두 평생 무료 적용) ➜ 사용 설정
⚠️ [중요] 데이터베이스판을 실제로 개설하지 않으면 사연 전송 시 무한 대기(타임아웃)가 발생합니다. 6단계의 '데이터베이스 만들기' 과정을 꼭 완료해 주세요.
💡 설정 화면을 이미 닫았다면? ⚙️ 프로젝트 설정 ➜ 일반 ➜ 내 앱 ➜ SDK 설정 및 구성에서 '구성(Config)'을 고르면 firebaseConfig를 다시 볼 수 있어요.
💡 테스트 모드는 30일 후 만료돼요. 행사용으로 잠깐 쓰면 그대로 두어도 되고, 계속 쓰려면 나중에 보안 규칙만 설정하면 됩니다.
🎬 [유튜브 재생 실패 방지 팁] 재생이 안 되는 곡(퍼가기 제한)을 검색 및 제출 단계에서 미리 걸러내고 싶다면, console.cloud.google.com에 접속하여 상단에서 현재 프로젝트를 선택한 뒤 'YouTube Data API v3' 서비스를 검색해 [사용 (Enable)] 버튼을 눌러보세요! 활성화하면 더 안전하게 방송할 수 있습니다.
💡 Firestore 30일 만료 해결 가이드
파이어베이스 테스트 모드는 30일이 지나면 사연 쓰기가 막힙니다. 아래 규칙을 딱 한 번만 복사-붙여넣기 해두면 평생 만료 없이 무료로 쓸 수 있습니다!
1
구글 크롬에서 Firebase Console에 접속한 뒤, 내 프로젝트의 Firestore Database 메뉴로 들어갑니다.
2
상단의 [규칙 (Rules)] 탭을 클릭합니다.
3
기존 코드를 모두 지우고, 아래의 평생 무료 연장 코드를 그대로 복사해서 붙여넣습니다.
4
우측 상단의 [게시 (Publish)] 버튼을 누르면 끝! 이제 언제든지 만료 없이 사연 전송이 가능합니다. 🎉
💡 참고: 학교 교실 등에서 행사용으로 안전하게 쓸 때는 위 코드처럼 allow read, write: if true;로 설정하면 누구나 사연을 보낼 수 있어 가장 간단하고 안전합니다.
📜 방송 완료 사연 기록
이번 세션에서 방송이 완료된 사연 목록입니다. 0개의 사연이 방송되었습니다.
불러오는 중...
📱 학생용 사연 QR 코드
학생들 기기(스마트폰/태블릿)로 QR 코드를 스캔하면 자동으로 연결 정보가 설정되어 편리하게 사연을 보낼 수 있습니다.