크라우니 네트워크 — 몰입 경험 완성 (2026-04-17)

개요

첫 접속 → 30초 내 첫 보상 → 매일 접속 습관 → 25분 몰입 루프 → 내일 훅

신규 4가지 시스템

1. 온보딩 (첫 접속)

4단계 풀스크린 가이드:

• 환영 화면 — "62,892개 기관에 전파하고 보상받으세요" + 바운스 애니메이션
• 성향 카드 선택 — ⚡적극형 / 📊분석형 / 🤝관계형 / 🔬전문가형 (탭 선택)
• 업종 그리드 — 9개 업종 카드 (💻IT / 🏗건설 / 🛡안전 / ...)
• 첫 미션 프리뷰 — 실제 미션 1건 표시 + "미션 시작! 📞" + 컨페티

2. 데일리 로그인 보너스

• 접속 시 풀스크린 보너스 카드 등장
• 7일 카드 (월~일) 체크 표시 + 오늘 강조
• 스트릭 연동 맘 보너스: 1일 5맘 → 3일 15맘 → 7일 100맘
• 🔥 스트릭 불꽃 이모지 개수로 시각화
• localStorage로 하루 1회 제한

3. 몰입 모드 (25분 포모도로)

• 대시보드 상단 "🔴 몰입 모드 시작" 버튼
• 상단 고정 바: 타이머(25:00) + 미션 카운터 + 누적 XP
• 프로그레스바 실시간 감소
• 빨간 점 펄스 애니메이션
• 미션 탭 자동 전환
• 미션 완료 시 onFocusMissionComplete 연동
• 종료 시 → 세션 종료 화면

4. 세션 종료 (내일 후킹)

몰입 모드 종료 또는 수동 호출 시 등장

오늘 성과 요약 — 미션 수 / XP / 몰입 보너스(+20%)

TOMORROW PREVIEW 황금 테두리 카드:

"🔥 내일 접속하면 N일 스트릭 달성!"

"🎁 로그인 보너스 +N맘 예정"

"📅 새로운 미션 팩 대기중"

"⭐ N일 더 하면 ×1.5 해금!" (Zeigarnik 효과)

첫 사용자 경험 타임라인

0초  🌐 환영 화면 (바운스 애니메이션)
10초 👤 성향 선택 (카드 탭)
15초 💼 업종 선택 (그리드)
20초 🎯 첫 미션 프리뷰 + "미션 시작!" 
     → 🎉 컨페티 폭발 + "환영합니다!" 토스트
25초 🎮 미션 탭 자동 이동, 10개 미션 로드
30초 📞 "전화 연락 +25맘" 클릭
     → 💫 "+20 XP" 팝업
     → 🔢 "1 COMBO"
     → 📞 "첫 통화" 뱃지!
     → ✅ 토스트: "1/10 · +25맘 · +20XP"
60초 📞 두번째 미션 클릭
     → 🔢 "2 COMBO"
     → 💰 "100맘" 뱃지!
90초 📞 세번째
     → 🔢 "3 COMBO" (×1.5 배율!)
     → 🎵 "콤보 시작" 뱃지!
120초 📞 네번째
     → 🔢 "4 COMBO" (빨간 펄스!)
     → 👑 LEVEL UP! Lv.2 탐색자 🔍
     → 🎉 40개 컨페티 폭발!

다음날:

접속 → 🔥🔥 "2일 연속! +10맘 보너스!" 카드
     → "보너스 받기!" 클릭 → 컨페티
     → 새 미션 팩 10개 로드
     → "어제보다 더 높은 콤보 달성해보세요!"

최종 파일 현황

• server.js (1,370줄) · compass.js · mission.js · gamify.js · seed_gen.js
• web/index.html (1,100+줄, 42개 게이미피케이션 요소)
• API 39개 · 7탭 UI