동의 사전 점검: 퍼블리싱 전 확인하세요
왜 (이렇게 가르치세요): 바이브 코딩(vibe coding)을 사용하면 오후에 앱 하나를 출시하는 것이 쉬워지지만, 그만큼 소송 위험도 함께 높아집니다. 일반적인 함정은 페이지가 열리는 순간부터 시작되는 추적 픽셀(Meta, Google, TikTok)입니다. 캘리포니아에서는 동의 전 추적을 감청으로 간주하여 위반당 최대 5,000달러의 벌금을 부과할 수 있습니다. 쿠키 배너가 있다고 해서 픽셀이 클릭 전에 실행되지 않는다는 보장은 없습니다. 배너를 띄우는 것과 허가를 기다리는 것은 완전히 다른 두 가지 일입니다. 해결 방법은 AI 빌더에게 한 가지 지시를 내리고, 제대로 작동하는지 확인하는 것입니다.
기억해야 할 한 가지 프롬프트: "사용자가 내 쿠키 배너에서 동의(Accept)를 클릭할 때까지 추적 픽셀, 분석 도구 또는 타사 스크립트가 로드되지 않도록 하세요."
법적 조언이 아닙니다. 이는 일반적이고 비용이 많이 드는 실수를 잡아내는 도구일 뿐, 완벽한 인증을 보장하지 않습니다.
10가지 검사
새로운, 쿠키가 없는 탭에서 미리보기 또는 라이브 URL을 열고 실행합니다(Claude의 내장 브라우저: 저장소를 지운 후, 클릭하기 전에 read_network_requests 실행). 또한 코드를 사용할 수 있다면 코드 스캔도 수행합니다:
python3 ~/.claude/skills/consent-audit/scripts/scan_trackers.py <앱-디렉토리>
| # | 검사 | 통과 조건 |
|---|---|---|
| 1 | 신규 방문, 클릭 없음: 광고/분석/재생 도메인(facebook, google-analytics, googletagmanager, tiktok, licdn, hotjar, clarity, posthog, segment, heycatch…)에 대한 요청이 있는가? | 없음 |
| 2 | 클릭 전 쿠키: _ga, _fbp, _gcl_au, _ttp, _hj*, ph_*? | 없음 |
| 3 | 호스트 추가 기능 꺼져 있거나 차단됨: Lovable 방문자 분석, Vercel/Netlify/Cloudflare 분석, 사이트 빌더 픽셀 필드 | 꺼져 있거나 차단됨 |
| 4 | 거부(Reject) 작동: 거부(Reject) 클릭 후 2페이지 탐색, 선택적 픽스가 실행되지 않음 | 예 |
| 5 | 배너가 공정함: 동의(Accept)와 거부(Reject)가 시각적으로 동등하게 눈에 띔; 토글은 모두 해제됨. 선택적 추적기가 없다면 배너도 없음 (필요 없음) | 예 |
| 6 | 돌아갈 길: 바닥글에 '개인정보 선택' 링크가 있어 변경 또는 철회 가능 | 예 (배너가 있는 경우) |
| 7 | 추적기에 신원 정보 없음: 테스트 계정으로 로그인; 추적기 요청에 이메일 또는 사용자 ID 없음 | 전송되지 않음 |
| 8 | 전송된 URL에 비밀 정보 없음: 추적기 요청에 ?code=, ?token=, ?email= 또는 검색 텍스트 없음 | 없음 |
| 9 | 개인정보 고지: 공개 페이지, 바닥글 및 가입 페이지에 링크됨, 실제 공급업체 및 실제 연락처 명시 | 예 |
| 10 | 퍼블리싱 범위: 이번 퍼블리시로 릴리스될 모든 미퍼블리시 변경 사항을 알고 있음 | 목록화 및 승인됨 |
결과
사전 점검: <앱> - <통과 / 먼저 수정> (<날짜>)
1 ✅/❌ ... 10 ✅/❌ (각각 한 줄의 증거: 발견된 도메인, 발견된 쿠키 또는 "없음")
먼저 수정: <실패한 검사, 위험 순서: 1, 7, 2, 3 우선>
- 모두 통과: 퍼블리시 후, 라이브 URL에서 검사 1, 2, 4를 다시 실행하세요. 호스팅에서 미리보기에는 없던 스크립트를 추가할 수 있습니다.
- 1-4 또는 7-8 중 하나라도 실패: 퍼블리시하지 마세요. 전체 목록을 위해
consent-audit를 실행한 후consent-gate를 실행하거나(또는 추적기를 제거하세요). - 5, 6 또는 9만 실패:
consent-gate의 배너/고지 섹션을 사용하여 수정한 후 퍼블리시하세요.
교육 참고 사항 (학생용)
- 보여주고 설명하세요: 학생의 사이트를 DevTools → Network가 열린 새 탭에서 열고, "facebook" 또는 "google"으로 필터링한 후 새로고침하여 배너를 건드리기도 전에 픽셀이 실행되는 모습을 직접 보게 하세요. 그 순간이 가장 효과적입니다.
- 추적기가 적을수록 쉽게 이깁니다. 아직 광고를 운영하지 않는다면 픽셀이 필요하지 않습니다. 추적기가 없으면 배너와 위험도 없습니다.
- 분석 도구 vs. 자체 데이터: 추적기를 꺼도 앱이 사용자를 위해 저장하는 데이터(계정, 진행 상황, 양식 답변)는 삭제되지 않습니다. 이는 자사 데이터이며, 배너가 아닌 개인정보 고지의 적용을 받습니다.
- 강좌 및 동영상 사이트: 동영상을 재생하는 페이지에 Meta 픽셀이 있으면 추가적인 연방 위험(VPPA)이 발생합니다. 강의 페이지에는 픽셀을 두지 마세요.