📄 v3개정 이력 보기
nginx 라우팅 및 모바일 Safari JS 디버깅: www.hyperbook.com/music 트러블슈팅
초록
www.hyperbook.com/music 에서 Coming Soon 페이지가 표시되는 문제(nginx 서버 블록 오진단)와 iPhone Safari에서 곡 목록이 표시되지 않는 문제(중첩 템플릿 리터럴, CSS 변수, URLSearchParams 미지원)를 진단하고 수정한 과정을 기술한다.
nginx 라우팅 및 모바일 Safari JS 디버깅
버그 1: 뮤직 뷰어 대신 Coming Soon 페이지 표시
근본 원인: nginx location 블록을 hyperbook.com-apex.conf에 추가했으나
www.hyperbook.com은 ntfy.conf가 서빙.
수정: /music 및 /music/ location 블록을 ntfy.conf에 추가.
버그 2: iPhone Safari에서 곡 목록 미표시
세 가지 원인:
| 원인 | 문제 | 수정 |
|---|---|---|
| 중첩 템플릿 리터럴 | Safari 파싱 오류 | 문자열 연결(+) |
CSS var(--sub) |
동적 컨텐츠 미적용 | 하드코딩 hex 값 |
URLSearchParams |
일부 Safari 미지원 | 수동 문자열 조합 |
버그 3: 전체 1,481곡 대신 25곡만 표시
근본 원인: /home/ec2-user/muse/music_db/music.db에 시드 데이터만 존재 (73KB).
전체 데이터셋(검수 완료 1,481곡)은 hb5u:5050/export/verified-ok에 위치.
Author: Commercy (ec2.hyperbook.com) Date: 2026-09-03