o2o-infinith-demo/templates/supporters-astro
Haewon Kam 2fc3f93163 fix(supporters): 동선 지도를 실제 OpenStreetMap 타일로 교체 + 핫링크 차단 대응
지도가 회색 바탕에 점만 찍혀 있어 어디인지 알 수 없었다. OSM 타일을 좌표로 직접
깔고 그 위에 핀을 얹었다. 지도 라이브러리는 부르지 않는다.
- Web Mercator 로 lat/lng → 월드 픽셀을 계산하고, 모든 지점이 여백 안에 들어오는
  가장 확대된 배율을 고른다(뷰성형외과 동선은 z=15).
- 타일은 img 가 아니라 CSS 배경으로 둔다. 장식 요소이고, 지도의 뜻은 감싸는 요소의
  aria-label 이 전한다. 스크린리더가 타일 조각을 하나씩 읽지 않는다.
- OSM 정책에 따라 "© OpenStreetMap contributors" 를 표기한다.

사진 핫링크
- 모든 사진에 referrerpolicy="no-referrer" 를 넣었다. 네이버 썸네일 CDN 이
  리퍼러를 보고 403 을 준다. 서버에서 검사할 때는 리퍼러가 없어 통과해 놓치기 쉽다.
- 사진 alt 를 채웠다. npm run build 의 접근성 게이트가 빈 alt 를 오류로 잡는다.
  로컬에서 astro build 만 돌려 게이트를 건너뛴 탓에 배포에서 처음 걸렸다.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
2026-09-09 14:01:16 +09:00
..
.vscode feat(supporters): 템플릿화 — 병원 고유값을 데이터로 분리하고 templates/supporters-astro 내보내기 2026-09-07 14:07:14 +09:00
briefs feat(supporters): 뉴스룸 워커 단계 + 뉴스 게이트 규칙, launchd 폴러 설치 2026-09-08 14:14:08 +09:00
public feat(supporters): 템플릿화 — 병원 고유값을 데이터로 분리하고 templates/supporters-astro 내보내기 2026-09-07 14:07:14 +09:00
scripts fix(supporters): collect_news 가 site.json 을 값이 바뀔 때만 다시 쓴다 (포맷만 바뀌는 diff 방지) 2026-09-08 14:14:42 +09:00
src fix(supporters): 동선 지도를 실제 OpenStreetMap 타일로 교체 + 핫링크 차단 대응 2026-09-09 14:01:16 +09:00
.env.example feat(supporters): 템플릿화 — 병원 고유값을 데이터로 분리하고 templates/supporters-astro 내보내기 2026-09-07 14:07:14 +09:00
.gitignore feat(supporters): 승인 UI·입력 반영·워커 — §7-5 ClinicInputsPanel + supporter_builds/inputs 마이그레이션 + apply_inputs, §12-2 상단 고지·개설자 승인·색인 빌드 필터, §7-6 워커 E2E(뷰성형외과 URL → 5편 → 게이트 0오류) 2026-09-07 17:07:06 +09:00
AGENTS.md feat(supporters): 템플릿화 — 병원 고유값을 데이터로 분리하고 templates/supporters-astro 내보내기 2026-09-07 14:07:14 +09:00
astro.config.mjs feat(supporters): 템플릿화 — 병원 고유값을 데이터로 분리하고 templates/supporters-astro 내보내기 2026-09-07 14:07:14 +09:00
CLAUDE.md feat(supporters): 템플릿화 — 병원 고유값을 데이터로 분리하고 templates/supporters-astro 내보내기 2026-09-07 14:07:14 +09:00
package-lock.json feat(supporters): 승인 UI·입력 반영·워커 — §7-5 ClinicInputsPanel + supporter_builds/inputs 마이그레이션 + apply_inputs, §12-2 상단 고지·개설자 승인·색인 빌드 필터, §7-6 워커 E2E(뷰성형외과 URL → 5편 → 게이트 0오류) 2026-09-07 17:07:06 +09:00
package.json feat(supporters): 승인 UI·입력 반영·워커 — §7-5 ClinicInputsPanel + supporter_builds/inputs 마이그레이션 + apply_inputs, §12-2 상단 고지·개설자 승인·색인 빌드 필터, §7-6 워커 E2E(뷰성형외과 URL → 5편 → 게이트 0오류) 2026-09-07 17:07:06 +09:00
README.md feat(supporters): 템플릿화 — 병원 고유값을 데이터로 분리하고 templates/supporters-astro 내보내기 2026-09-07 14:07:14 +09:00
tsconfig.json feat(supporters): 템플릿화 — 병원 고유값을 데이터로 분리하고 templates/supporters-astro 내보내기 2026-09-07 14:07:14 +09:00
vercel.json feat(supporters): 템플릿화 — 병원 고유값을 데이터로 분리하고 templates/supporters-astro 내보내기 2026-09-07 14:07:14 +09:00

supporters-astro 템플릿

병원 하나의 서포터즈 사이트를 만드는 Astro 7 정적 템플릿이다. supporters/(뷰성형외과 샘플)에서 node scripts/export_template.mjs로 생성되며, 직접 편집하지 않는다. 고칠 것은 supporters/에서 고치고 다시 내보낸다.

데이터만 채우면 되는 것

파일 내용 채우는 주체
src/data/factSheet.json 병원 사실 단일 원본 (NAP·진료시간·층·진료과·안전·이력·플랫폼 집계) 근거 수집기 + 병원 확인
src/data/authors.json 작성자(실명·직함·sameAs·정정 이메일), 의학 검토 원장 운영자·병원 입력
src/data/site.json 매체 이름·로고·홈 화면 큐레이션(영상 3편, 시설 사진, 방문 약도, 추천 글) 운영자
src/data/videos.json 유튜브 채널 집계 (Top10 롱폼·정보형 쇼츠+답) 수집기
src/data/news.json 뉴스룸 (보도자료·기고·언급) scripts/build_news.py
src/data/corrections.json 정정 기록 운영자
src/content/posts/*.md 글. frontmatter 규격은 src/content.config.ts 글 생성기 + 검토 승인
public/img/ 병원 허락을 받은 이미지 수집기
scripts/home_text.txt 홈페이지 본문(공백 제거). 40자 연속 일치 검사 기준 수집기

비어 있는 값은 화면에 "확인 대기"로 표시되고 스키마에서는 빠진다. 지어내지 않는다.

빌드·검사

npm ci
npm run build          # astro build + 발행 게이트(scripts/check.mjs). error가 있으면 exit 1
npm run gate:test      # 게이트 규칙 회귀 (픽스처 + 글 전편)
node scripts/check.mjs --update-layout   # 룩앤필 변경을 승인한 뒤에만 구조 기준선 갱신

배포 주소는 SITE_URL 환경변수(vercel.json·astro.config.mjs의 __CLINIC_ID__를 병원 id로 교체). 기본은 noindex이며 PUBLIC_INDEXABLE=true로 색인을 연다.