Firebase 구글의 클라우드 데이터베이스 서비스
기기 간 동기화를 하려면 어딘가에 체크 상태를 저장해줄 작은 클라우드 저장소가 하나 필요
1. Firebase (Firestore) — 구글 제공, 딱 이런 “체크박스 상태 동기화” 용도로 가장 많이 쓰이는 방법이에요. 무료 티어로 충분하고, 실시간 동기화도 됩니다. 초기 설정(프로젝트 생성, 설정값 코드에 붙여넣기)에 20~30분 정도 걸려요.
2. Google Sheets + Apps Script — 이미 엑셀/시트에 익숙하시니 체감이 쉬울 거예요. 체크 상태가 그대로 시트 한 장에 기록되니 눈으로 확인하기도 편하고요. 무료지만, 응답 속도는 Firebase보다 살짝 느릴 수 있어요.
3. 간단한 키-값 저장 API (JSONBin 등) — 설정이 제일 간단(API 키 하나 발급받아 붙여넣기)하지만, 무료 서비스라 안정성이나 트래픽 제한이 상대적으로 약해요.
——— Firebase 무료 티어로 충분하고, 나중에 폰에서 체크하면 PC 화면도 바로 업데이트되는 실시간 동기화 —
- 1 Firebase 프로젝트 만들기console.firebase.google.com 접속 → “프로젝트 추가” 클릭 → 이름 입력(예: reboot-40day) → Google Analytics는 “사용 안 함” 선택 → 만들기.
- 2 Firestore Database 활성화왼쪽 메뉴에서 “Firestore Database” 클릭 → “데이터베이스 만들기” → 위치는 asia-northeast3(서울) 선택 → 일단 “테스트 모드”로 시작 (다음 단계에서 규칙을 교체할 거예요).
- 3 보안 규칙 교체하기Firestore의 “규칙” 탭으로 이동해서 기본 규칙을 지우고, 체크리스트 문서 하나에만 접근을 허용하는 규칙으로 바꿔주세요. 개인용 비민감 데이터라 로그인 없이 열어둬도 괜찮아요: rules_version = ‘2’; service cloud.firestore { match /databases/{database}/documents { match /reboot40/checks { allow read, write: if true; } } } 입력 후 “게시” 버튼을 눌러주세요.
- 4 웹 앱 등록하고 설정값 복사하기프로젝트 개요 옆 톱니바퀴 아이콘 → “프로젝트 설정” → 아래로 스크롤해서 “내 앱” 섹션 → 웹 아이콘(</>) 클릭 → 앱 닉네임 아무거나 입력 → “앱 등록”. 그러면 firebaseConfig = {…} 형태의 코드 블록이 나와요. 그 안의 값 전체(apiKey, authDomain, projectId 등)를 통째로 복사해주세요.
- 5 설정값 저에게 전달하기복사한 firebaseConfig 내용을 그대로 이 대화창에 붙여넣어 주세요. 제가 HTML 파일에 연동 코드를 넣고, 기존 localStorage 체크 상태도 그대로 살려서 최종 파일을 만들어드릴게요.
