사주로 보는 다이에이 선수와 궁합 찾기 ⚾

생년월일(과 태어난 시각)로 사주를 풀어, 『다이아몬드 에이스(ダイヤのA)』 선수·감독 24명 중 나와 닮은 선수를 찾고 선수들의 공식 생일 사주로 궁합을 풀어 주는 비공식 팬 테스트예요. 한국어 · 日本語 · English를 지원해요.

기능

• 닮은 선수 매칭: 선수 23명의 공식 생일 사주와 내 사주를 비교. 같은 일간 선수 → 없으면 같은 오행 선수 → 그 안에서 십성 구성·신강약·오행 분포·일지/월지로 결정 (카타오카 감독은 출생 연도 미상이라 궁합 목록에만 등장)
• 생일 사주: 선수 공식 생일(연·월·일주)로 계산한 실제 사주 원국
• 궁합 풀이: 일간 천간합·충·생극(바탕) + 일지 육합·삼합·원진·충 + 부족한 오행·용신 보완 + 조후(겨울생↔화, 여름생↔수) + 띠 + 숨은 합(일간↔상대 월간·연간) + 같은 일주(사주 쌍둥이) + 서로의 십성 — 점수 막대에서 선수를 누르면 풀이가 바뀜
• 다국어: #ko #ja #en 해시로 언어 고정 링크 공유 가능
• 결과 카드 공유: "내 결과 링크 복사" → 받은 사람에게 친구 결과 카드 + 나도 해 보기 + 친구와의 궁합. 링크에는 생년월일 없이 결과만 담김 (?r=선수.일간.신강약.닮음%.찰떡배터리.점수[.다음 닮은 선수.% ×3]&c=궁합TOP3(선수.점수 ×3))

구조

index.html            마크업 + 메타 태그(OG/트위터 카드)
css/style.css         스타일 (라이트/다크)
js/config.js          ⚙️ 분석 도구 ID, 배포 주소
js/analytics.js       Clarity/GA4 로더 + track() 이벤트 래퍼
js/saju-engine.js     만세력(절기: 태양 황경), 십성, 신강약 계산
js/characters.js      선수 24명 데이터 (공식 생일·설명, 카타오카 감독용 성격 일간)
js/chemistry-ko.js    작중 관계 기반 궁합 설명 (1부 핵심)
js/compat.js          닮은 선수 매칭(scoreReal), 궁합 점수·풀이 계산, 추가 관계 설명
js/i18n-{ko,ja,en}.js 언어 팩
js/app.js             렌더링, 언어 전환, 공유, 이벤트
assets/og.png         공유 카드 이미지 (1200×630)

빌드 도구 없이 정적 파일만으로 동작해요. 로컬 확인: python3 -m http.server 후 http://localhost:8000

배포

Vercel (추천): vercel.com → Add New Project → 이 저장소 Import → Framework Other 그대로 Deploy. 이후 main에 push하면 자동 배포. GitHub Pages: Settings → Pages → Branch main / / (root).

배포 주소가 정해지면:

1. index.html의 og:url, og:image, twitter:image를 절대 주소로 바꾸기 (예: https://daiya-saju.vercel.app/assets/og.png) — X 카드 미리보기는 상대 경로를 못 읽어요.
2. js/config.js의 siteUrl에 같은 주소 넣기.

분석 (UX 테스트)

js/config.js에 ID를 넣으면 켜지고, 비워 두면 아무 스크립트도 불러오지 않아요.

• clarityId — Microsoft Clarity: 히트맵, 세션 녹화, 레이지/데드 클릭
• ga4Id — Google Analytics 4: 이벤트·퍼널

이벤트	언제	파라미터
submit_birth	"플레이 볼" 제출	has_time, lang, from_share
result_shown	결과 표시(예시·언어 전환 제외)	char, day_stem(0~9), strength, has_time, lang
compat_view	궁합 풀이가 화면에 40% 이상 보임	lang
compat_pick	점수 막대에서 다른 선수 선택	char, lang
lang_change	언어 전환	lang
dex_open	생일 사주 도감 펼침	lang
intro_toggle	사주 설명(일/영) 열고 닫음	open, lang
share_click	"내 결과 링크 복사"	channel, char, lang
shared_link_open	친구가 보낸 결과 링크로 방문	char, lang
friend_try_click	친구 카드의 "나도 해 보기"	lang

추천 퍼널: page_view → submit_birth → result_shown → compat_view → compat_pick → share_click

🔒 개인정보: 생년월일·시각은 어떤 분석 도구로도 보내지 않아요. Clarity는 입력 필드를 기본으로 가리지만, 대시보드의 Masking 설정이 Balanced 이상인지 확인하세요. localhost에서는 이벤트가 콘솔에 [track]으로 찍혀요.

데이터 출처

• 이름 표기·선수 설명: 나무위키 다이아몬드 에이스 문서 (일본어는 원어, 영어는 나무위키 로마자 순서)
• 생일: 공식 프로필 월·일. 출생 연도는 공식 발표(사와무라·후루야 1990년)와 픽시브 백과사전(크리스·카와카미·메이·라이치·하루이치 등)을 기준으로, 나머지는 작중 학년과 일본 학제(1/1~4/1생은 앞 학년)로 추정. 카타오카 감독은 연도 미상이라 성격 일간으로만 계산
• 원작: 『ダイヤのA』 寺嶋裕二 / 講談社

재미로 보는 비공식 팬 메이드이며, 원작자·출판사·애니메이션 제작사와 관련이 없어요. 캐릭터 이미지는 사용하지 않아요.