목표 OS 현황 홈 진단 → 목표 → 콘솔 확정 → 집행 → 마스터
최근 가입 회원
최근 활동
🔎 색인 · IndexNow
🗂️ GSC 색인 큐
🏷️ GTM 원격 설치
📡 메타 CAPI
🧾 메타 검수 호출 실적
📈 네이버 순위 실측
💰 키워드 검색량·입찰가
🔍 랜딩 진단
🧰 구글 연동 점검
| 요청 | 회원 | 소속 · 연락처 | 지역 · 분야 | 소개 | 상태 | 처리 |
|---|
공지 작성
※ 내용을 바꾸면 새 공지로 인식돼 "다시 안 보기" 한 사용자에게도 다시 떠요.
미리보기
매일 아침 자동수집된 '초안'을 검토·수정한 뒤 발행하면 앱 홈에 뜹니다. 발행 전엔 사용자에게 보이지 않아요.
새 뉴스 작성
뉴스 목록
| 기간 | 제목 | 상태 |
|---|
AI로 사장님 언어 SEO 초안을 만들고, 검토·수정 후 발행하면 /blog에 바로 올라갑니다. 표시광고법 가드레일 적용.
글 목록
| 분류 | 제목 | 상태 |
|---|
성과 수치와 고객 사례를 넣으면 사장님 홈페이지(/owner) 하단에 자동 노출됩니다. 비우면 섹션 자체가 숨겨져요. 실측·검증 가능한 수치만(표시광고법).
성과 수치
예) 값=192, 접미=%, 라벨=블로그 유입 증가
고객 사례
익명/지역 표기 권장. 전·후 수치는 선택.
매주 월요일 오전 프리미엄(autoReport) 사장님에게 주간 마케팅 요약을 푸시로 자동 발송합니다. 아래 버튼으로 지금 즉시 실행(테스트)할 수 있어요. FCM(FIREBASE_SERVICE_ACCOUNT) 설정 시 푸시까지 발송, 미설정 시 리포트만 생성됩니다.
실행 로그
| 시각 | 생성 | 발송 | 실패 | 스킵 | 유형 |
|---|
| # | 가게 | 플랫폼 | 최소팔로워 | 리워드 | 지원 | 상태 |
|---|
| # | 플랫폼 | 팔로워 | 채널점수 | 활동 | 평점 | 지역 | 단가(최저) | 핸들 | 연락처 | 상태 | 처리 |
|---|
| # | 가게 | 연락처 | 대상 | 예산 | 메시지 | 상태 | 처리 |
|---|
| 방향 | 대상 | 작성자 | 별점 | 내용 | 작성일 |
|---|
| 접수 | 상품 | 가게 | 연락처 | 금액 | 상태 | 처리 |
|---|
⚡ 빠른 지급 — 검색하고 버튼 한 번
이름·이메일·전화로 찾아서 바로 뿌리세요. 지급 즉시 적용됩니다.
2주 무료 체험 신청 (승인 대기)
사업자등록증을 올린 신청이에요. 사진 확인 후 승인하면 2주 프리미엄 구독권이 계정에 바로 지급됩니다. (같은 사업자번호 재신청 자동 차단)
| 신청자 | 사업자번호 | 신청일 | 증빙 | 처리 |
|---|
※ 유료 구독권(베이직/프로/프리미엄)은 회원 → 회원 상세에서 기간 선택 후 "구독권 지급".
크리에이터 계정 인증 (검수 대기)
프로필 바이오에 코드를 넣은 신청이에요. 링크를 열어 코드·팔로워를 확인하고 승인/거부하세요. (인스타·틱톡·유튜브)
| 신청자 | 플랫폼 | 핸들 | 팔로워 | 코드 | 링크 | 처리 |
|---|
프랜차이즈 상담 리드 (2개 이상 사업장)
| 상호 | 매장수 | 연락처 | 메모 | 접수 |
|---|
정가와 할인율(%)을 넣고 저장하면 청구가(= 정가 × (1−할인))가 바뀌어요.
| 상품 | 정가 | 할인% | 청구가 |
|---|
계좌이체 입금 요청 (확인 후 활성화)
앱에서 '입금했어요'를 누른 회원이에요. KB국민은행 041337-04-011690 입금 내역을 확인한 뒤 활성화하세요. 활성화하면 해당 요금제가 1개월 적용됩니다.
| 신청자 | 요청 요금제 | 입금자명 | 현재 구독 | 신청일 | 처리 |
|---|
300% 보증 현황
첫 구독 보증(구독료 3배 미달 시 30일 무료 연장 1회). 판정은 자동 측정값 기준 — 회차 종료 시 미달이면 '연장', 연장 후에도 미달이면 '종료' 처리하세요.
| UID | 요금제 | 목표 | 측정 매출 | 진행률 | 시작 | 상태 | 처리 |
|---|
앱에서 들어온 예약 요청 (방문자명: 단골픽)
인플루언서가 앱에서 예약한 건이에요. 가게에 전화로 대신 예약(방문자명 단골픽)한 뒤 '완료' 처리하세요.
| 가게 | 전화 | 날짜·시간 | 인원 | 요청자 | 메모 | 상태 |
|---|
전체 사용자에게 푸시 보내기
FCM 푸시 알림이에요. Render 환경변수 FIREBASE_SERVICE_ACCOUNT(서비스 계정 JSON)가 설정돼야 발송됩니다.
GEO·AEO 상담 신청서
앱에서 들어온 GEO/AEO 세팅 상담 신청이에요. 이름·연락처로 48시간 내 연락하세요.
| 제품 | 가게(이름) | 연락처 | 메모 | 상태 | 신청일 |
|---|
실제 사용자가 어떤 기능을 얼마나 썼는지 — 런치 포커스(뭘 앞세울지)·요금제 설계 근거. 활동로그 누적 기준.
게시중/예정/만료/꺼짐 상태로 관리. 기간을 바꾸거나 켜고 끌 수 있어요. (같은 기간에 게시중이 여럿이면 최신 것이 떠요)
조직(계정)별 엔터프라이즈 권한·좌석·프랜차이즈·화이트라벨을 여기서 관리해요. 앱 표면엔 노출되지 않아요.
| ID | 이름 / 이메일 | 플랜 | MRR | 업장 | 엔터 | 좌석 | 멤버 | 본사 | 화이트라벨 |
|---|
⚠️ 이상감지 플래그
📋 감사 로그
앱 오류·이벤트 (Firebase 대체 자체 수집)
앱에서 발생한 오류/주요 이벤트가 여기로 들어와요. 출시 후 크래시 모니터링용.
| 시각 | 유형 | 화면 | 메시지 | 버전 | 플랫폼 |
|---|
신고 접수함
앱에서 후기·AI 생성 콘텐츠를 신고하면 여기로 들어와요. 부적절하면 회원/인플루언서 탭에서 해당 콘텐츠를 삭제하세요.
| 시각 | 유형 | 대상 | 사유 | 내용 | 상태 |
|---|
사전알림 신청자
홈페이지에서 '출시 알림 신청'한 분들이에요. 출시 시 안내.
| 시각 | 연락처 | 경로 |
|---|
전체 리드
행을 클릭하면 팝업에서 상태 관리·점수 산정내역·구독권 지급까지 한 번에.
| 시각 | 상호·브랜드 | 연락처 | 내용 | 형태 | 유입 | 경로 | 상태 |
|---|
사전등록
전화 필수·이메일 선택으로 받은 리드예요. 상태를 바꿔가며 영업 관리하세요.
| # | 시각 | 상호 / 지역·업종 | 전화 | 이메일 | 점수 | 약점 | 광고동의 | 상태 |
|---|
전체 기준값
업종별 예외
예산 구간 경계 월 · 원. 구간마다 쓰는 매체 수 상한은 1 · 2 · 3 · 4곳.
추천 대비 결과
확정된 플랜마다 우리 추천 예상 · 사장님 배분 예상 · 실측을 나란히. 실측이 추천 예상에 가까울수록 이 표를 믿어도 된다는 근거가 쌓인다. 실측은 사장님이 성과 탭을 열 때 갱신된다.
| 확정 | 업종 · 목표 | 월 예산 · 구간 | 추천 비율 | 사장님 비율 | 추천 예상 | 사장님 예상 | 실측 | 가까운 쪽 |
|---|
기능 보드
설치 사이트
'방문 추적 설치' 주문 처리 시, 사장님 회원 상세의 설치 스니펫을 가게 홈페이지·스토어·플레이스에 넣어주세요. 넣으면 방문이 여기 자동 집계됩니다.
📋 설치 가이드 · 전환 추적 체크리스트 (주문 풀필 시 따라하기)
위 uid로 생성한
<script>를 사장님 사이트(홈페이지·스마트스토어·카페24·아임웹)의 <head> 안에 붙여넣기 → 방문수·유입경로·인기페이지 자동 집계.2) 전환(전화·예약) 자동 집계 — 대부분 자동
• 전화 버튼이
<a href="tel:0212345678"> 형태면 자동 '전화 클릭'• 네이버예약·캐치테이블·테이블링·배민·요기요·쿠팡이츠 링크 → 자동 '예약'
• 네이버/카카오/구글 지도·티맵 링크 → 자동 '길찾기' / 스마트스토어·주문 링크 → 자동 '주문'
3) 자동 감지 안 되는 커스텀 버튼은 속성 한 줄
data-dgp="booking" 추가 (값: call·booking·map·order). 예) <a href="..." data-dgp="booking">예약하기</a> 또는 onclick="dgpTrack('booking')"4) (선택) GA4·메타픽셀 동시 설치 — 광고 리타겟 모수 확보용. 설치 후 사장님 앱 홈 '방문 추적'에서 바로 확인됩니다.
| 사이트ID | 업장명 | 도메인 | PV(30일) | UV(30일) | 상태 | 스니펫 |
|---|
가치 우선 접근 전용. 신고 기능이 아니며, "신고당할 수 있다" 류 압박 화법은 스크립트에서 금지 문구로 관리됩니다.
방치도(0~100)=리뷰 적음·쿠폰 없음·평점 미노출일수록↑. 높은 순으로 정렬 — 위에서부터 연락하세요. 전국이면 지역만 바꿔 반복.
| 방치도 | 상호명 | 약점 | 리뷰 | 전화 | 피치(클릭=복사) | |
|---|---|---|---|---|---|---|
| 지역을 넣고 '리드 뽑기'를 눌러보세요. | ||||||
혜택별 평균 성과 TOP
이벤트 기간 방문수를 직전 동기간과 비교한 상승률(lift%)의 혜택별 평균. 성과 좋은 혜택을 다음 캠페인에 추천하세요.
| 혜택 | 평균 상승률 | 캠페인 수 |
|---|
캠페인별 성과
| 업장 | 이벤트 | 혜택 | 기간 | 상승률 |
|---|
업종별로 말투·강점·해시태그·진단 키워드·콘텐츠 방향·금기, 온라인/오프라인 메인 채널을 설정하세요. 빈칸은 기본값.
업종 플레이북 마스터
사장님 화면(앱 · 웹 콘솔)의 오늘의 운영 체크 상단 마스터 자리에 실립니다. 자문 계약이 확정된 업종만 채웁니다. 비워 두면 그 자리는 빈 자리로 보이고 실명은 어디에도 나오지 않습니다.
전문가 지식 (1000문 1000답)
마스터 인터뷰 답변을 여기 쌓습니다. published:true + tip + itemIds가 있는 항목은 사장님 데일리 체크에
"○○○ 답변 기반 · (tip)"으로 붙습니다. 실명 인용은 위 마스터가 게시된 업종에만 나갑니다.
카테고리: 1첫방문 2재방문 3리뷰 4사진 5메뉴가격 6동선청결 7응대 8온라인채널 9광고비 10위기.
itemIds = 플레이북 체크 id (예: fit_d1).
제휴 업체 풀 (매칭 · 파트너 콘솔)
입점 3조건(화이트햇만 · 광고 사전심의 룰 동의 · 성과 데이터 공개 동의)을 받은 업체만 등록합니다. 등록하면 파트너 콘솔 링크(/p/토큰)가 생기고, 업장을 연결하면 업체가 그 업장의 실측 성과를 봅니다. 소개 수수료 없음 · 정산 기능 없음(계약은 당사자 간).
| 업체 | 업종/지역 | 연결 업장 | 콘솔 링크 |
|---|
| 일시 | uid | 업장 | 예산 | 바라는 것 |
|---|
감수자 (배지)
원칙 (한 줄씩)
오늘 할 일 · 이번 주 (JSON)
코드 시드 보기
마스터 질문함
사장님 질문에 마스터의 답을 대신 입력한다. 저장하면 사장님 콘솔 카드와 메시지함에 바로 간다.마스터 대시보드 · 업종 코호트
같은 업종 회원 · 유료 · 월 구독 매출 · 30% 산출(표시용, 정산 장부는 대표 설계 뒤 붙인다)이 문서만 보면 어떤 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.
B. 구조 아키타입 8종 — 시네마틱(풀블리드 KenBurns) / 횡스크롤(hscroll) / 스티키 스토리(pin) / 키네틱(마퀴+패럴럭스) / 매거진 매소너리 / 쇼핑몰형(shop) / 상품상세형(product, 구매박스) / 매거진·뉴스형(news).
C. 등급 분기(크몽 3단계) — 기본형(정적, 2,200,000~) / 표준 / 3D 프리미엄(3D 오브제+패럴럭스, 6,000,000~) / 자이로 감응형(폰 기울임 반응, 8,000,000~). 파일:
-basic / index / -3d. 비랜딩 페이지 -menu·-book·-login 공유.D. UX 사용감 규칙(레퍼런스 실측 반영) — ①스크롤 리빌(블러+스태거, GSAP식) ②하단 스티키 CTA 바(설로인식, fx.js 자동) ③3D·자이로 페이지=마우스/기울임 입체 패럴럭스+안내배지 ④업종별 포인트 컬러 1개(피부과=핑크/골드, 식품·정육=레드, 럭셔리=골드) + 모노 베이스 ⑤사진=picsum 유니크+톤 필터(이미지는 GPT 실사로 교체). 모바일=카드/갤러리 가로 스와이프로 세로압박 완화.
E. 레퍼런스 무드 매핑 — 카랩(다크 테크·관성스크롤·동영상)→키네틱 / 안나앤모드·식봄(상품 그리드)→shop / 설로인(미니멀+스티키 구매바)→product / 검단예쁨·업스킨(화이트+핑크·캐러셀)→피부과 / 이철·준오(모노 에디토리얼·여백)→룩북.
F. 폰트 풀 — 본문 Pretendard, 디스플레이 Nanum Myeongjo·Gowun Batang·Song Myung·Gowun Dodum, 라틴 포인트 Cormorant·Playfair·Marcellus·Italiana·Tenor·Oswald·Bebas·Quicksand 등.
G. 제작 상담 — 모든 '제작 상담/문의' 버튼 → 폼(이름·전화·이메일·문의) → 어드민 '📩 제작문의' 탭에 수신.
- 의뢰 접수 — '제작 의뢰' 탭. 업종 · 티어(3D/자이로) · 원하는 느낌(레퍼런스 URL) · 예산 · 도메인 보유 여부.
- 자료 수집 — 로고(투명 PNG) · 브랜드 컬러 · 고해상 사진(음식/제품/매장/간판) · 영상(매장·조리·시술 10~30초) · 3D용 촬영(회전판 위 40~70컷 또는 모비딕 출장촬영) · 메뉴/가격/소개/연락처/예약링크.
- 기획 — 사이트맵(페이지 수=티어) · 모듈 선정(②③) · 컬러·타이포 · 인터랙션 설계 · 카피 톤.
- 에셋 제작 — 3D 모델(포토그래메트리 → .glb 경량화·Draco·배경제거) · 영상 편집(무음·루프·web mp4) · 이미지 압축 · 카피(AI 초안 → 표시광고법 검수: 보장·100%·허위수치 금지).
- 개발 — studio.html 구조 복제 → 모듈 조립 → 콘텐츠·에셋 주입(단일 HTML 자체완결).
- 검수 — ⑦ 체크리스트(성능·모바일·자이로·접근성·표시광고법·크로스브라우저·SEO).
- 배포 — 도메인 연결 · 호스팅 · Cache-Control no-store · sitemap·OG·JSON-LD · GA4·메타픽셀.
- 인수·관리 — 사용 가이드 전달 · 월 관리(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 클래스).
| 티어 | 페이지 | 가격 | 포함 모듈 |
|---|---|---|---|
| STANDARD 홈페이지 | 1~7p | 44~132만 | 반응형·AEO·SEO, M6, M7(선택) |
| 3D 브랜딩 | 풀 6~8p + 3D 3컷 | 600만~ | M1, M2(3개), M3, M4, M6, M8, M9, M10 |
| 자이로 플래그십 | 위 + 감응형 | 800만~ | 3D 브랜딩 전체 + M5 + 시네마틱 강화 |
추가 3D 1컷당 +50만원. 영상·페이지 추가는 별도 견적.
- M1: 시그니처 음식 3D가 둥둥 → 탭하면 다음 메뉴 음식으로 변신
- M2: 대표 메뉴 3개(예: 파스타·스테이크·디저트) 3D 360° 회전
- M3: 배경 = 불쇼·플레이팅·매장 무드 영상
- M4: 가로 갤러리 = 음식 클로즈업 사진 + 조리 영상 카드 혼합
- 카피 톤: 미식·감성 / 메뉴·가격·예약 명확
💇 미용·뷰티 — Before/After(M8) 강조, 시술 영상 배경, 스타일 갤러리, 제품/도구 3D.
🏋️ 헬스·PT — 운동 영상 배경, 기구 3D, 회원권 가격표(AEO), 트레이너 소개.
🏥 병원·클리닉 — 비급여 고지가(AEO 필수), 신뢰신호(자격·후기), 차분한 톤(3D 절제).
- 베이스:
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·영상 모듈 삽입)
| 업종 | 표준 페이지(순서) |
|---|---|
| 🍽️ 음식점 | 홈 · 메뉴(가격) · 갤러리(음식3D/영상) · 스토리 · 오시는길 · 예약 · 리뷰 |
| ☕ 카페·디저트 | 홈 · 메뉴 · 분위기갤러리 · 오시는길 · 인스타피드 · 예약 |
| 💇 미용·네일 | 홈 · 시술메뉴/가격 · Before·After 갤러리 · 디자이너소개 · 예약 · 리뷰 |
| 🏋️ 헬스·PT | 홈 · 프로그램 · 요금제 · 트레이너 · 시설갤러리 · 상담예약 · 후기 |
| 🏥 병원·클리닉 | 홈 · 진료과목 · 의료진 · 비급여안내 · 오시는길 · 예약 · 후기 |
| 📚 학원·교습 | 홈 · 커리큘럼 · 강사 · 수강료 · 시설/합격사례 · 상담예약 |
| 🏡 펜션·숙박 | 홈 · 객실(3D/영상) · 시설/주변 · 요금·예약 · 오시는길 · 리뷰 |
티어 페이지 예산보다 표준이 많으면 → 통합(예: 소개+스토리), 적으면 → 분리. 페이지 추가는 별도 견적.
- 조명: 부드러운 자연광/소프트박스 · 직사광·반사 금지 · 그림자 옅게
- 세팅: 폰 노출·초점 고정(탭 잠금) · 최대 해상도(가능하면 4K) · 삼각대/거치
- 배경: 깔끔한 무지(흰/검/그레이) · 군더더기 제거
- 3D용 촬영: 회전판 위 품목, 한 바퀴 돌며 ~10°마다 + 위/중간/아래 3단 높이 = 40~70컷. 광택·투명·김(스팀)은 3D 약함 → 영상으로 대체
- 음식(메뉴당 3컷): 탑뷰 · 45도 · 클로즈업(질감)
- 3D용: 시그니처 3개 — 각 회전판 40~70컷
- 매장: 외관/간판 2 · 내부 전경 3(다른 각도) · 테이블 세팅 2 · 디테일/조명 3
- 영상: 조리(불·플레이팅) 10~20초 · 매장 무드 팬샷 10초
- 팁: 갓 플레이팅, 기름 반사 닦기, 김 오를 때 빠르게
💇 미용·네일 — Before·After 페어(동일 각도·조명) 시술별 / 시술 과정 영상 10~20초 / 매장·시술석 3컷 / 3D=제품·도구(선택).
🏋️ 헬스·PT — 기구별 컷 · 운동 동작 영상(트레이너) · 시설 전경 5컷 · 3D=대표 기구 1~2 · 트레이너 프로필.
🏥 병원·클리닉 — 외관·접수·진료실·장비 각 2컷 · 의료진 프로필(정장/가운) · (3D 절제, 신뢰·청결 강조) · 비급여 가격표는 사진 아닌 텍스트.
🏡 펜션·숙박 — 객실별 전경·디테일 5컷 + 객실 360°/워크스루 영상 · 외관·뷰·주변 3컷 · 3D=대표 객실(선택).
※ 사장님이 직접 못 찍는 컷(3D·드론·전문 영상)은 모비딕 출장촬영 옵션으로 안내. 받은 사진은 배경제거·압축·웹최적화는 제작팀이 처리.
레퍼런스 라이브 = dangolpick.co.kr/studio/clinic(병원 탭). "변화(시술 전·후)를 웹으로 증명"하는 컨셉. 새 병원 의뢰 시 public/clinic.html 복제 → 데이터·사진만 교체하면 동일하게 뽑힌다.
- 기반 = /studio(모비딕 스튜디오) 엔진 그대로 클론한
public/clinic.html. 3D·스크롤·시네마틱·틸트·자이로 전부 유지. 테마전환=시술 전(낡은 세피아+바탕체)↔시술 후(세련 화이트그린). - 사례 데이터 = 상단 공유 스크립트의
window.CLINIC_CASES=[{tag:'안면윤곽·V라인', before:'/landing/clinic/w_before.jpg', after:'/landing/clinic/w_after.jpg'}, …]. 사람(사례) 추가하면 덱 두께·사이클에 자동 반영.window.CLINIC_NAME·window.CLINIC_INFO(주소·대표전화·진료시간)에 실제 병원 정보. - 전후 사진 = (실제 시술 전후 or AI) 좌Before·우After 합본 1장 → PIL로 좌우 분할(0~47% / 53~100%, 가운데 화살표 제외) + 카드비율(가로:세로=5:6=0.8)로 위쪽 크롭(아래 Before/After 라벨 보존) →
public/landing/clinic/{사람}_{before,after}.jpg. - 인테리어 사진 = 리셉션·대기라운지·상담실·시술복도·시술실 5컷 → 1200px 리사이즈 →
cine1~5.jpg→ 시네마틱 가로 갤러리(병원 외관·내부·오시는 길). 7장 내외만(많으면 산만). - 영상(선택) = 3초 클립
tour.mp4→ 갤러리 가운데 카드, 아래로 스크롤하면 스크롤에 맞춰 재생(스크럽). - 배포 = 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 인용·유입 효과를 봄. 같은 공식을 사장님 업종에 맞춰 적용.
- 숫자·사실 앵커 — AI가 그대로 끌어쓸 단정 가능한 사실. 업종별: 음식점=대표메뉴 가격/영업시간, 미용·네일=시술 단가표, 헬스·PT=회원권/PT 가격, 병원=진료과목·진료시간. 임의숫자 금지, 실제값만.
- 기준일·조건 명시 — "2026-00-00 기준 · 부가세 포함 · 평일 기준" 식. 조건을 적어야 AI가 안심하고 인용.
- 구조화 데이터(JSON-LD) — LocalBusiness/Restaurant + Offer(가격) + FAQPage + AggregateRating + OpeningHours. 기계가 읽는 신뢰 신호. (모비딕은 Product/AggregateOffer)
- 엔티티 명확성 — "○○ = ○○동 □□ 전문점"을 사이트·스키마·외부언급에 일관되게. Organization/LocalBusiness 스키마 + NAP(상호·주소·전화) 통일.
- 신선도·권위 — 기준일 주기 갱신 + 실제 리뷰(별점)로 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 누수·색인 차단·금지표현·카운터 버그 = 응급 우선 제거(신뢰 신호 훼손).
- 리뷰 평점은 실제 게시분만, 대가성은 "이벤트 참여 후기" 라벨.
- 응급 정상화 — robots·금지표현·버그 제거(신뢰 기반).
- 핵심정보 캡슐 배포 — 가격범위+영업+전화, 실제값(하드코딩 임의숫자 0).
- 스키마 1:1 — LocalBusiness+Offer+FAQPage를 캡슐과 일치 주입.
- 무마찰 접수+트래킹 — 전화/예약 2버튼 + source/ai_engine/landing 기록.
- 리뷰 플라이휠 — 후기→AggregateRating→인용력↑→유입↑.
- 채널 확장 — 네이버(플레이스·블로그) 1순위 → Perplexity 검증 → ChatGPT/AIO.
- 측정 루프 — 핵심 쿼리셋 인용 모니터링 + AI 유입 전환 추적으로 반복 개선.
사장님의 무기는 실제 가격·메뉴·영업정보. "가게 LP에 가격범위 캡슐 + 기준일 + LocalBusiness/FAQ 스키마"를 깔아 AI가 인용하게 만들고, 클릭을 전화 1줄/예약 1탭 → 접수로 받는다. 최저가·임의숫자·robots 누수 같은 가드레일을 어기면 인용 자체가 막히니 응급 정상화가 0순위. 한국은 네이버 AI 브리핑이 1순위 채널.
*상호·연락처만 필수. 나머지는 자료 수집하며 채워도 돼요(저장 후 목록에서 수정).
리드는 진단·심의 제출 기준, 가입은 그 리드가 계정을 만든 경우, 유료는 정식 결제까지 간 경우입니다. 임시는 입금 확인 전 즉시 활성화 상태예요.
우리 사이트에 직접 심은 추적입니다. GA4와 달리 어드민에서 바로 보이고 외부 API에 의존하지 않아요.
타불라·메타는 API 연동 전이라 직접 넣습니다. 누적 지출을 넣으면 CPL과 CAC, 회수 개월이 계산됩니다.
지역×업종 SEO 페이지를 검색엔진에 즉시 통보합니다. 매일 05시 KST 자동 배치(800개), 같은 URL은 30일 내 재제출 스킵. 아래는 수동 트리거.
| Render 환경변수 | 신청처 | 켜지는 기능 | 신청할 것 |
|---|---|---|---|
DATA_GO_KR_KEY | 공공데이터포털 가입→마이페이지 인증키 | 마케팅 달력(특일)·날씨 훅·동네 축제·상권 밀도 | 활용신청 4건: 특일정보(천문연)·단기예보(기상청)·상가업소(소진공)·국문관광정보(관광공사) |
LOCALDATA_KEY | 지방행정 인허가 회원가입→인증키 | 경쟁 레이더(신규 개업·폐업·행정처분) | OPEN API 인증키 발급 |
BIZINFO_KEY | 기업마당→정보공개→OpenAPI | 지원사업 매칭 알림 | API 인증키 신청 |
키 입력 → Render 재배포 → /api/readiness의 govdata로 on/off 확인. 키 없인 앱에 '준비 중'으로 표시됨(에러 아님).
국세청 API 장애 창에 '형식검증(재확인 대기)'로 가입한 계정(pendingNts)을 다시 검증합니다. 성공=승격, 폐업·말소=인증 해제 표기, 여전히 장애=대기 유지.
단골픽이 광고(ads_read)+인스타 인사이트 통합 분석을 하려면 아래를 메타 대시보드 > 앱 검토 > 권한 및 기능에서 각각 검수 신청해야 함. 용도설명 붙여넣기 = 마케팅\단골픽\메타_권한검수_용도설명_붙여넣기.md
| 구분 | 항목 | 용도 | 검수 | 상태 |
|---|---|---|---|---|
| 기능 | Marketing API Access Tier | 광고 API production·타사 광고계정 접근(문 크기) | 검수 | ✅ 승인됨 (2026-06-27) |
| 권한 | ads_read | 광고 성과(노출·클릭·CPC·CTR·전환·지출) 조회(열쇠) | Advanced | ✅ 승인됨 (Advanced) |
| 권한 | instagram_basic | 인스타 계정·미디어 기본정보 | 검수 | ⬜ 미신청 |
| 권한 | instagram_manage_insights ★ | 인스타 인사이트(도달·저장·참여율) | 검수 | ⬜ 미신청 |
| 권한 | pages_show_list | 페이지 목록→연결된 IG 계정 ID 탐색 | 검수 | ⬜ 미신청 |
| 권한 | pages_read_engagement | 페이지 기본정보·참여 지표 | 검수 | ⬜ 미신청 |
| 권한 | business_management | 광고·페이지·IG 비즈니스 자산 식별 | 검수 | ⬜ 미신청 |
| 조건부 | pages_read_user_content | 페이지 게시물 읽기(인사이트 빈배열·권한에러 시) | 조건부 | ▢ 보류 |
| 기본 | public_profile, email | Facebook Login 기본 | 불필요 | ✅ 자동 |
| 제품 | Facebook Login | OAuth 로그인(권한 아닌 제품) | 불필요 | ✅ 추가됨 |
전제: 비즈니스 인증=모비딕 완료 / 인스타 검수 시연=프로페셔널 계정+FB페이지 연결(@dangol_pick) / 화면녹화는 2026-05부터 불필요·본인 Meta앱 계정 자격증명 제출 금지. Tier 하나로 끝 아님 — 그 안에서 ads_read+인스타 권한 각각 신청해야 통합 분석 완성. 엑셀 백업: _secrets\API_키_백업.xlsx '메타' 시트
서비스 전 지점 AI 배치 기준. 지금은 키 없어서 전부 Gemini로 작동(강제), 키 붙는 순간 그 모델로 자동 전환. 표기(앱 배지)는 등급별 계획 모델명 그대로 보여줌. Anthropic은 Opus 미사용·Sonnet이 최대(Haiku=상위, Sonnet=프리미엄 전용).
| 용도 | 모델 | 왜 |
|---|---|---|
| 네이버 콘텐츠(블로그·플레이스·리뷰답글) | HyperCLOVA X DASH/005/007 | 네이버 제작 → 네이버 SEO·한국어 최적 |
| 대량·기본 텍스트(무료~베이직) | Gemini 2.5 Flash | 최저가·빠름 |
| 상위 텍스트(프로) | Claude Haiku 4.5 | 가성비 고품질 |
| 프리미엄 텍스트·크롤링 파싱·진단분석 | Claude Sonnet 4.6 | 고품질·긴문맥·추출 최강 |
| 기본 이미지 | Gemini Imagen/Flash | 저비용 |
| 프리미엄 이미지(포스터·SNS) | GPT Image 2 | 한글 텍스트렌더·품질 1위급 |
| 실시간 검색(트렌드·사기감별) | Perplexity Sonar | 검색 grounded·출처·저렴 |
| 등급 | 텍스트 | 이미지 | 검색 |
|---|---|---|---|
| 무료 | Gemini Flash | — | — |
| 베이직 | Gemini Flash + Clova DASH | Gemini | — |
| 프로 | Claude Haiku + Clova 005 | GPT Image 2 | Perplexity |
| 프리미엄 | Claude Sonnet + Clova 007 | GPT Image 2 | Perplexity Pro |
네이버 공식 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 자동폴백.
여기 적은 지침이 모든 블로그·콘텐츠 생성에 강제로 반영돼요. 업종 톤은 기본 내장돼 있고, 여기에 추가 규칙을 더합니다.
🟢=설정됨 / ⏳=대기중(승인·심사·예정) / 🔴=비어있음.