실행 로그

⚡ 빠른 지급 — 검색하고 버튼 한 번

이름·이메일·전화로 찾아서 바로 뿌리세요. 지급 즉시 적용됩니다.

2주 무료 체험 신청 (승인 대기)

사업자등록증을 올린 신청이에요. 사진 확인 후 승인하면 2주 프리미엄 구독권이 계정에 바로 지급됩니다. (같은 사업자번호 재신청 자동 차단)

※ 유료 구독권(베이직/프로/프리미엄)은 회원 → 회원 상세에서 기간 선택 후 "구독권 지급".

크리에이터 계정 인증 (검수 대기)

프로필 바이오에 코드를 넣은 신청이에요. 링크를 열어 코드·팔로워를 확인하고 승인/거부하세요. (인스타·틱톡·유튜브)

프랜차이즈 상담 리드 (2개 이상 사업장)

정가와 할인율(%)을 넣고 저장하면 청구가(= 정가 × (1−할인))가 바뀌어요. 새로고침

계좌이체 입금 요청 (확인 후 활성화)

앱에서 '입금했어요'를 누른 회원이에요. KB국민은행 041337-04-011690 입금 내역을 확인한 뒤 활성화하세요. 활성화하면 해당 요금제가 1개월 적용됩니다.

300% 보증 현황

첫 구독 보증(구독료 3배 미달 시 30일 무료 연장 1회). 판정은 자동 측정값 기준 — 회차 종료 시 미달이면 '연장', 연장 후에도 미달이면 '종료' 처리하세요.

앱에서 들어온 예약 요청 (방문자명: 단골픽)

인플루언서가 앱에서 예약한 건이에요. 가게에 전화로 대신 예약(방문자명 단골픽)한 뒤 '완료' 처리하세요.

전체 사용자에게 푸시 보내기

FCM 푸시 알림이에요. Render 환경변수 FIREBASE_SERVICE_ACCOUNT(서비스 계정 JSON)가 설정돼야 발송됩니다.

GEO·AEO 상담 신청서

앱에서 들어온 GEO/AEO 세팅 상담 신청이에요. 이름·연락처로 48시간 내 연락하세요.

게시중/예정/만료/꺼짐 상태로 관리. 기간을 바꾸거나 켜고 끌 수 있어요. (같은 기간에 게시중이 여럿이면 최신 것이 떠요)

앱 오류·이벤트 (Firebase 대체 자체 수집)

앱에서 발생한 오류/주요 이벤트가 여기로 들어와요. 출시 후 크래시 모니터링용. 새로고침 비우기

신고 접수함

앱에서 후기·AI 생성 콘텐츠를 신고하면 여기로 들어와요. 부적절하면 회원/인플루언서 탭에서 해당 콘텐츠를 삭제하세요. 새로고침

사전알림 신청자

홈페이지에서 '출시 알림 신청'한 분들이에요. 출시 시 안내. 새로고침 전체 복사

전체 리드

행을 클릭하면 팝업에서 상태 관리·점수 산정내역·구독권 지급까지 한 번에. 새로고침 사전등록 도구(슬롯·알림톡)

사전등록

전화 필수·이메일 선택으로 받은 리드예요. 상태를 바꿔가며 영업 관리하세요. 새로고침 CSV 내보내기

기능 보드 새로고침

설치 사이트 새로고침

'방문 추적 설치' 주문 처리 시, 사장님 회원 상세의 설치 스니펫을 가게 홈페이지·스토어·플레이스에 넣어주세요. 넣으면 방문이 여기 자동 집계됩니다.

방치도(0~100)=리뷰 적음·쿠폰 없음·평점 미노출일수록↑. 높은 순으로 정렬 — 위에서부터 연락하세요. 전국이면 지역만 바꿔 반복.

혜택별 평균 성과 TOP 새로고침

이벤트 기간 방문수를 직전 동기간과 비교한 상승률(lift%)의 혜택별 평균. 성과 좋은 혜택을 다음 캠페인에 추천하세요.

캠페인별 성과

업종별로 말투·강점·해시태그·진단 키워드·콘텐츠 방향·금기, 온라인/오프라인 메인 채널을 설정하세요. 빈칸은 기본값. 새로고침

이 문서만 보면 어떤 AI·작업자든 /studio 수준의 프리미엄 웹을 업체별로 똑같이 재현·완성할 수 있게 — 프로세스·모듈·티어·업종·기술·자료·검수를 빠짐없이. ★새 업체 = public/studio.html 복제 → 콘텐츠·에셋만 교체. 레퍼런스 라이브: dangolpick.co.kr/studio

새 홈페이지 만들 때 여기 규칙대로. 라이브 갤러리 dangolpick.co.kr/samples · 생성기 tools/gen_samples.py(레포 root에서 python3 tools/gen_samples.py) · 인터랙션 엔진 public/samples/fx.js.

1. 의뢰 접수 — '제작 의뢰' 탭. 업종 · 티어(3D/자이로) · 원하는 느낌(레퍼런스 URL) · 예산 · 도메인 보유 여부.
2. 자료 수집 — 로고(투명 PNG) · 브랜드 컬러 · 고해상 사진(음식/제품/매장/간판) · 영상(매장·조리·시술 10~30초) · 3D용 촬영(회전판 위 40~70컷 또는 모비딕 출장촬영) · 메뉴/가격/소개/연락처/예약링크.
3. 기획 — 사이트맵(페이지 수=티어) · 모듈 선정(②③) · 컬러·타이포 · 인터랙션 설계 · 카피 톤.
4. 에셋 제작 — 3D 모델(포토그래메트리 → .glb 경량화·Draco·배경제거) · 영상 편집(무음·루프·web mp4) · 이미지 압축 · 카피(AI 초안 → 표시광고법 검수: 보장·100%·허위수치 금지).
5. 개발 — studio.html 구조 복제 → 모듈 조립 → 콘텐츠·에셋 주입(단일 HTML 자체완결).
6. 검수 — ⑦ 체크리스트(성능·모바일·자이로·접근성·표시광고법·크로스브라우저·SEO).
7. 배포 — 도메인 연결 · 호스팅 · Cache-Control no-store · sitemap·OG·JSON-LD · GA4·메타픽셀.
8. 인수·관리 — 사용 가이드 전달 · 월 관리(maint) 계약 유도.

• M1. 떠다니는 3D 오브제 (탭=변신 / 테마 swap) — 히어로에 3D가 둥둥. 음식점=음식 3D가 떠있고 탭하면 다음 메뉴 음식으로 바뀜. 원거리 오브제 탭=브랜드 테마색 전환+자리 swap. 필요=대표 품목 3D 모델 N개. 구현=Three.js 2 orbs + raycast 클릭(가까운=콘텐츠/도형 변경, 먼=테마).
• M2. 업체 3D 모델 N개 (메뉴/제품 개수대로) — 시그니처 품목을 개수만큼 3D로 만들어 섹션 중간에 360° 회전 배치. 필요=각 품목 회전판 촬영. 구현=GLTFLoader(.glb) 또는 포토그래메트리 결과.
• M3. 업체 배경 영상 — 매장/조리/시술 영상이 히어로·섹션 배경에 풀블리드로 흐름. 필요=10~30초 영상. 구현=<video autoplay muted loop playsinline> + 어둡게 덮는 scrim.
• M4. 시네마틱 가로 스크롤 갤러리 (사진+영상 혼합) — 스크롤하면 음식 사진·조리 영상 카드가 가로로 쭉 흐른 뒤 다음으로. 필요=사진/영상 8~16컷. 구현=sticky 핀 + translateX(스크롤 진행도). 영상카드=<video> 혼합.
• M5. 자이로 감응(모바일 기울임) — 폰 기울이면 3D·레이어가 따라 움직임. 구현=DeviceOrientation(iOS 첫탭 권한)+클램프 스무딩. (자이로 티어 전용)
• M6. 스크롤 스토리텔링·리빌 — 문장 점등·요소 페이드업·숫자 카운트업·게이지. IntersectionObserver.
• M7. AI 실시간 카피 데모 — 방문자가 가게명 입력→AI가 히어로 카피 즉석 생성. POST /api/studio/tagline.
• M8. Before/After 슬라이더 — 보통웹↔우리웹 드래그 비교(목업). 폭+오버플로 클립(불투명 패널).
• M9. 인터랙션 폴리시 — 로딩 인트로 · 커서 빛글로우 · 자석 버튼 · 커스텀 스크롤바 · 거울 글린트 호버.
• M10. 브랜드 테마 스위치 — 메인/서브 2색. CSS 변수 교체(body 클래스).

추가 3D 1컷당 +50만원. 영상·페이지 추가는 별도 견적.

• M1: 시그니처 음식 3D가 둥둥 → 탭하면 다음 메뉴 음식으로 변신
• M2: 대표 메뉴 3개(예: 파스타·스테이크·디저트) 3D 360° 회전
• M3: 배경 = 불쇼·플레이팅·매장 무드 영상
• M4: 가로 갤러리 = 음식 클로즈업 사진 + 조리 영상 카드 혼합
• 카피 톤: 미식·감성 / 메뉴·가격·예약 명확

• 베이스: public/studio.html 단일 파일(자체완결). 새 업체=복제 후 콘텐츠·에셋 교체.
• 3D: Three.js r128 CDN. 2 orbs + slot swap + raycast(가까운=콘텐츠/도형, 먼=테마). 자이로=DeviceOrientation.
• 배경영상: <video autoplay muted loop playsinline> + scrim(어둡게).
• 가로 핀 갤러리: position:sticky + translateX(스크롤 진행도). 섹션 높이=innerH+가로travel×0.85.
• AI 카피: POST /api/studio/tagline (server.js, llm.callTier).
• 캐시: Cache-Control no-store (수정 즉시 반영, 캐시 겹침 방지).
• 라우트: server.js app.get('/studio'). 업체별은 /studio-<업체> 또는 별도 호스팅.
• 성능: 모바일 폴리곤↓·pixelRatio↓·정점모핑 생략 / 영상 압축 / 3D .glb Draco.

• 로고(투명 PNG) · 브랜드 컬러(메인/서브) · 폰트 취향
• 고해상 사진: 음식/제품 각 5장+, 매장 전경, 간판
• 영상: 매장·조리·시술 10~30초(가능하면 4K)
• 3D용 촬영: 품목별 회전판 40~70컷(또는 모비딕 출장촬영 요청)
• 텍스트: 메뉴/가격, 소개, 연락처, 예약/주문 링크, 영업시간
• 도메인(있으면) / 없으면 모비딕이 연결 대행

• 성능: 모바일 60fps 근접, LCP·로딩 빠름, 3D/영상이 끊기지 않음
• 모바일: 세로화면에서 3D·갤러리 안 잘림, 자이로 권한 흐름
• 접근성: 텍스트 대비, 영상 자동재생 무음, 모션 과하지 않게
• 표시광고법: 보장·100%·최고·근거 없는 수치 금지(가격은 실제값·기준일)
• 크로스브라우저: 크롬·사파리·삼성·네이버 인앱(WebGL 폴백)
• SEO: title·description·OG·canonical·JSON-LD·sitemap
• 분석: GA4·메타픽셀·방문추적 설치(전환 집계)

오더 들어오면: ① 업종 선택 → 표준 사이트맵 자동 → ② 티어(페이지 예산)에 맞춰 페이지 가감 → ③ 견적·제작.

홈(히어로+요약) · 소개/스토리 · 메뉴/서비스(가격) · 갤러리(사진/3D/영상) · 오시는길/지도 · 예약/문의 · 리뷰/후기 · FAQ · 블로그/소식 · 업종특화 페이지.

• 랜딩 1p — 홈 한 장에 다(히어로·메뉴요약·지도·연락 섹션)
• 기본 4~5p — 홈·소개·메뉴/서비스·갤러리·오시는길(+연락)
• AEO·GEO 6~7p — 위 + 리뷰·FAQ·(블로그)
• 3D 브랜딩/자이로 — 풀 커스텀(위 전부 + M1~M5 3D·영상 모듈 삽입)

티어 페이지 예산보다 표준이 많으면 → 통합(예: 소개+스토리), 적으면 → 분리. 페이지 추가는 별도 견적.

• 조명: 부드러운 자연광/소프트박스 · 직사광·반사 금지 · 그림자 옅게
• 세팅: 폰 노출·초점 고정(탭 잠금) · 최대 해상도(가능하면 4K) · 삼각대/거치
• 배경: 깔끔한 무지(흰/검/그레이) · 군더더기 제거
• 3D용 촬영: 회전판 위 품목, 한 바퀴 돌며 ~10°마다 + 위/중간/아래 3단 높이 = 40~70컷. 광택·투명·김(스팀)은 3D 약함 → 영상으로 대체

• 음식(메뉴당 3컷): 탑뷰 · 45도 · 클로즈업(질감)
• 3D용: 시그니처 3개 — 각 회전판 40~70컷
• 매장: 외관/간판 2 · 내부 전경 3(다른 각도) · 테이블 세팅 2 · 디테일/조명 3
• 영상: 조리(불·플레이팅) 10~20초 · 매장 무드 팬샷 10초
• 팁: 갓 플레이팅, 기름 반사 닦기, 김 오를 때 빠르게

※ 사장님이 직접 못 찍는 컷(3D·드론·전문 영상)은 모비딕 출장촬영 옵션으로 안내. 받은 사진은 배경제거·압축·웹최적화는 제작팀이 처리.

레퍼런스 라이브 = dangolpick.co.kr/studio/clinic(병원 탭). "변화(시술 전·후)를 웹으로 증명"하는 컨셉. 새 병원 의뢰 시 public/clinic.html 복제 → 데이터·사진만 교체하면 동일하게 뽑힌다.

1. 기반 = /studio(모비딕 스튜디오) 엔진 그대로 클론한 public/clinic.html. 3D·스크롤·시네마틱·틸트·자이로 전부 유지. 테마전환=시술 전(낡은 세피아+바탕체)↔시술 후(세련 화이트그린).
2. 사례 데이터 = 상단 공유 스크립트의 window.CLINIC_CASES=[{tag:'안면윤곽·V라인', before:'/landing/clinic/w_before.jpg', after:'/landing/clinic/w_after.jpg'}, …]. 사람(사례) 추가하면 덱 두께·사이클에 자동 반영. window.CLINIC_NAME·window.CLINIC_INFO(주소·대표전화·진료시간)에 실제 병원 정보.
3. 전후 사진 = (실제 시술 전후 or AI) 좌Before·우After 합본 1장 → PIL로 좌우 분할(0~47% / 53~100%, 가운데 화살표 제외) + 카드비율(가로:세로=5:6=0.8)로 위쪽 크롭(아래 Before/After 라벨 보존) → public/landing/clinic/{사람}_{before,after}.jpg.
4. 인테리어 사진 = 리셉션·대기라운지·상담실·시술복도·시술실 5컷 → 1200px 리사이즈 → cine1~5.jpg → 시네마틱 가로 갤러리(병원 외관·내부·오시는 길). 7장 내외만(많으면 산만).
5. 영상(선택) = 3초 클립 tour.mp4 → 갤러리 가운데 카드, 아래로 스크롤하면 스크롤에 맞춰 재생(스크럽).
6. 배포 = marketing-hub push → Render. 라우트 /studio/clinic·/clinic(no-store).

• 카드 덱: 각 사례 카드가 자기 사진을 미리 로딩하고 스택으로 쌓임(사례 수 = 두께). 같은 덱 카드는 같은 각도로 함께 마우스/자이로를 바라봄(비침 방지). 그림자는 기울기 각도따라 이동(입체감).
• 앞(큰) 카드 빠른 클릭 = 다음 사람(셔플: 맨앞 카드 옆으로 빠짐→덱 뒤로, 2번째 카드 앞으로. 앞=왼쪽/좌측 비포=오른쪽). 약 2초.
• 뒤(작은) 카드 클릭 = 비포↔애프터 자리 스왑 + 테마 전환. 2.3초 느린 회전으로, 앞으로 오는 카드가 돌면서 뒷면(병원 상호명·정보)을 약 1.5초 보여준 뒤 정면.
• 앞 카드 1초 롱프레스 = 카드 뒤집혀 병원 정보(이름·태그라인·주소·전화·진료시간), 손 떼면 복귀.
• 하단: 전후 드래그 슬라이더(#ba) · 시네마틱 갤러리 · 시술메뉴 · 가격 · 상담 CTA · 의료광고 심의 안내 문구.

• 의료광고 심의·환자 동의: 실제 전후 사진은 「의료광고 사전심의」·환자 동의 거친 자료만 게재. 데모/플레이스홀더는 AI·일러스트로.
• 데스크탑 자이로 NaN 가드 필수: (gyro.x||0)+isFinite 안 하면 회전 전체 NaN→카드 안 보임(치명).
• 카드 끼리 반투명 비침(얼굴 반반)=같은 덱 공유 회전으로 해결(개별 회전 금지). 그림자 영역은 카드보다 작게(0.97배)·타이트.
• three.js 인라인 JS 변수명 충돌 주의(예: sx 중복). 수정 후 항상 node -c 검증 후 푸시.

※ 이 전후-카드덱 패턴은 미용실·헬스(전후가 핵심인 업종)에도 동일 응용 가능. 식당은 음식 카드로 변형.

손님이 AI(네이버 AI 브리핑·ChatGPT·Perplexity·구글 AIO)에게 "○○동 □□ 추천", "△△ 가격 얼마?"라고 물을 때 우리가 만든 가게 홈페이지가 출처로 인용되게 만들고, 그 클릭을 전화·예약 1탭 접수로 받는다.

※ 모비딕 사이트에 이 방식(숫자 캡슐+기준일+스키마+FAQ)을 깔아서 실제로 AI 인용·유입 효과를 봄. 같은 공식을 사장님 업종에 맞춰 적용.

1. 숫자·사실 앵커 — AI가 그대로 끌어쓸 단정 가능한 사실. 업종별: 음식점=대표메뉴 가격/영업시간, 미용·네일=시술 단가표, 헬스·PT=회원권/PT 가격, 병원=진료과목·진료시간. 임의숫자 금지, 실제값만.
2. 기준일·조건 명시 — "2026-00-00 기준 · 부가세 포함 · 평일 기준" 식. 조건을 적어야 AI가 안심하고 인용.
3. 구조화 데이터(JSON-LD) — LocalBusiness/Restaurant + Offer(가격) + FAQPage + AggregateRating + OpeningHours. 기계가 읽는 신뢰 신호. (모비딕은 Product/AggregateOffer)
4. 엔티티 명확성 — "○○ = ○○동 □□ 전문점"을 사이트·스키마·외부언급에 일관되게. Organization/LocalBusiness 스키마 + NAP(상호·주소·전화) 통일.
5. 신선도·권위 — 기준일 주기 갱신 + 실제 리뷰(별점)로 AggregateRating 축적. 대가성 후기는 "이벤트 참여 후기" 라벨.

(a) 핵심정보 캡슐 (H1 직후): 상호 · 업종 · 지역 + 대표메뉴/시술 가격 범위 + 영업시간 + 전화/예약. AI가 바로 인용할 자기완결 블록.

(b) JSON-LD: 캡슐 표시값과 1:1로 LocalBusiness+Offer+OpeningHours 주입(기준일+30일 유효).

(c) FAQ 스키마: 실제 질문을 FAQPage로. 예) "○○동 □□ 가격?", "주차 되나요?", "예약 필수인가요?", "영업시간?". 답은 짧고 숫자 포함·자기완결(잘라써도 말이 되게).

(d) 리뷰/평점: 실제 후기 쌓이면 AggregateRating 주입 → 인용 권위↑.

• 네이버 AI 브리핑 (1순위) — 스마트플레이스 등록·예약·톡톡부터 점검(코드보다 등록 이슈). 네이버 블로그·지식iN에 자기완결형 답변(가격+기준) 공급.
• Perplexity — 출처 스키마·기준일에 민감. 캡슐+FAQ가 제일 잘 먹힘. 우선 검증.
• ChatGPT — 엔티티 일관성·권위. Organization 스키마 + 외부 일관 언급(블로그·인스타·플레이스 NAP 통일).
• 구글 AIO — 기존 SEO(색인·구조화·속도)와 강결합. robots·스키마·속도 정상화가 곧 인용력.

AI 인용으로 들어온 손님은 구매의도 명확 → 마찰 최소화. LP에 [전화 1탭] / [네이버 예약·카톡 1탭] 2버튼.

유입경로 트래킹: source=ai_direct, ai_engine(naver/perplexity/chatgpt/google), landing을 방문추적으로 기록 → 어느 페이지·어느 AI가 돈 되는지 측정. (방문추적 설치 상품과 연결)

• "최저가/최고/1위" 단정 금지 → "기준/표준/권장가 기준".
• 임의 숫자 금지 → 실제 가격만, 기준일 명시.
• 의료·병원: 치료효과 보장·과장·환자유인 표현 금지(사실 위주).
• robots 누수·색인 차단·금지표현·카운터 버그 = 응급 우선 제거(신뢰 신호 훼손).
• 리뷰 평점은 실제 게시분만, 대가성은 "이벤트 참여 후기" 라벨.

1. 응급 정상화 — robots·금지표현·버그 제거(신뢰 기반).
2. 핵심정보 캡슐 배포 — 가격범위+영업+전화, 실제값(하드코딩 임의숫자 0).
3. 스키마 1:1 — LocalBusiness+Offer+FAQPage를 캡슐과 일치 주입.
4. 무마찰 접수+트래킹 — 전화/예약 2버튼 + source/ai_engine/landing 기록.
5. 리뷰 플라이휠 — 후기→AggregateRating→인용력↑→유입↑.
6. 채널 확장 — 네이버(플레이스·블로그) 1순위 → Perplexity 검증 → ChatGPT/AIO.
7. 측정 루프 — 핵심 쿼리셋 인용 모니터링 + AI 유입 전환 추적으로 반복 개선.

사장님의 무기는 실제 가격·메뉴·영업정보. "가게 LP에 가격범위 캡슐 + 기준일 + LocalBusiness/FAQ 스키마"를 깔아 AI가 인용하게 만들고, 클릭을 전화 1줄/예약 1탭 → 접수로 받는다. 최저가·임의숫자·robots 누수 같은 가드레일을 어기면 인용 자체가 막히니 응급 정상화가 0순위. 한국은 네이버 AI 브리핑이 1순위 채널.

＊상호·연락처만 필수. 나머지는 자료 수집하며 채워도 돼요(저장 후 목록에서 수정).

단골픽이 광고(ads_read)+인스타 인사이트 통합 분석을 하려면 아래를 메타 대시보드 > 앱 검토 > 권한 및 기능에서 각각 검수 신청해야 함. 용도설명 붙여넣기 = 마케팅\단골픽\메타_권한검수_용도설명_붙여넣기.md

전제: 비즈니스 인증=모비딕 완료 / 인스타 검수 시연=프로페셔널 계정+FB페이지 연결(@dangol_pick) / 화면녹화는 2026-05부터 불필요·본인 Meta앱 계정 자격증명 제출 금지. Tier 하나로 끝 아님 — 그 안에서 ads_read+인스타 권한 각각 신청해야 통합 분석 완성. 엑셀 백업: _secrets\API_키_백업.xlsx '메타' 시트

서비스 전 지점 AI 배치 기준. 지금은 키 없어서 전부 Gemini로 작동(강제), 키 붙는 순간 그 모델로 자동 전환. 표기(앱 배지)는 등급별 계획 모델명 그대로 보여줌. Anthropic은 Opus 미사용·Sonnet이 최대(Haiku=상위, Sonnet=프리미엄 전용).

네이버 공식 API+pcmap · 인스타/틱톡=Apify(심사 후 공식API) · 유튜브=YouTube API · 범용웹=Firecrawl → raw 데이터를 Claude Sonnet이 구조화·해석. 비용=캐시+온디맨드(전수 호출 금지).

🟢 이미: GEMINI·ANTHROPIC. ➕ 붙이면 맵 완성: CLOVA_API_KEY(네이버 콘텐츠)·PERPLEXITY_API_KEY(실시간)·OPENAI_API_KEY(GPT Image 2). 현재 라우팅: lite=Gemini→standard=Haiku→premium=Sonnet 자동폴백.

여기 적은 지침이 모든 블로그·콘텐츠 생성에 강제로 반영돼요. 업종 톤은 기본 내장돼 있고, 여기에 추가 규칙을 더합니다.

🟢=설정됨 / ⏳=대기중(승인·심사·예정) / 🔴=비어있음. 새로고침