← 목록
기타 2026-06-22 5KB 읽기 5분

티옴타 미디어 허브 아이콘 통일 (이모지 → 단색 라인 SVG)

개요

티옴타 디자인 표준(Chocolate/Cream/Brass, Noto Serif KR) 아래 미디어 허브 전 표면의 장식형 이모지를 월드에서 확립한 단색 라인 SVG 아이콘 언어로 통일. 월드/앱은 이전 세션에서 완료, 이번 세션은 미디어 허브 + 메인 index AI섹션 + 공유 JS.

무엇을 했는지

  • 결정론적 일괄 교체: 캐논 SVG 매핑(극장/음원/채팅 = 월드 확립 path 재사용) 기반
Python 스크립트로 35건 + 공유 8건 = 총 43건 교체, 전건 기대수 일치.
  • 킵리스트 보존: 타이포 마크 ✳ ◈ ✚, 테마토글 ☀ 🌙 ☾, 브랜드 ⬡, UI → ✕ ☰ 는 의도된 디자인이라 유지.
  • textContent→innerHTML 전환(shorts): 음소거 배지·좋아요 토글이 textContent라 SVG가 안 떠서 innerHTML로 변경.
  • 공유 자산 통일(tiomta-media.js): TIOMTA_THEMES 6종(🌱🧭🙏🎨📖🎮)·좌측 레일(🏠🎬)·썸네일 폴백(🎬) →
모든 미디어 화면이 공유하므로 함께 SVG화.
  • 띄어쓰기: flow.html 필요만큼→필요한 만큼, tiomta-media.js 정한대로 살기→정한 대로 살기(의존명사).
  • 판단 보류(사용자 결정): flow.html(성장여정 게임보드 36개)·나.html(개인허브 93개)는 게임형 따뜻함 유지 위해
이모지 보존, 띄어쓰기만 점검.

교체 매핑 (캐논)

🎬→극장 / 🎵→음원 / 💬·🤔→말풍선 / ✍️→펜 / 🔗→링크 / 📤→업로드 / 📂→폴더 / 💡→전구 / 🔥→불꽃 / ❓→물음표 / 🪙→코인 / ✨→스파클 / 🌫→안개선 / 🤖→봇 / 👉→화살표 / 🔇→음소거 / ❤/🤍→하트(채움/라인) / 👁→눈 / ☕→컵 / 📭→빈 받은함 / 🌱→새싹 / 🧭→나침반 / 🙏→촛불 / 🎨→팔레트 / 📖→책 / 🎮→게임패드 / 🏠→홈

관련 파일 (/Users/ef/crowny-tiomta/public)

  • media/feed.html, media/play.html, media/shorts.html, media/studio.html, media/profile.html
  • media/tiomta-media.js (공유 — 테마/레일/카드 폴백)
  • index.html (AI 어시스턴트 섹션 6건)
  • flow.html (띄어쓰기 1건)
  • 백업: 각 파일 .bak_icons_100411, flow .bak_spacing_*

검증

  • 장식 이모지 잔존 0 (전 7파일, KEEP 제외)
  • node -c tiomta-media.js 구문 OK
  • 라이브 HTTP 200: /media /media/feed /media/studio /media/shorts /media/profile /media/play
  • 서빙 응답에 SVG 포함 확인 (currentColor 상속)

함정/메모

  • 미디어 허브 server.js는 9878, 이미 가동 중(EADDRINUSE로 확인). keepalive엔 CROWNY_STD 필수.
  • 서브에이전트 6개 병렬 위임 시도했으나 전부 529 Overloaded로 실패 → 메인 세션에서
결정론적 스크립트로 직접 처리(캐논 매핑 확정 상태라 LLM 불필요).
  • grep -oc는 라인수(occurrence 아님) — 정확 카운트는 grep -oP | grep -c . 사용.

2차분 — 비-미디어 셸 (2026-06-22 이어서)

사용자 승인으로 남은 셸 21건 처리(결정론적 스크립트, 전건 일치).
  • admin.html(7): 🛰관리자태그→기어 / 🔒게이트→자물쇠 / 🔥스트릭→불꽃 / 📺→모니터 / ⭐→별 / 🕒→시계 / ⚠오류→경고삼각. favicon 🛰(line7, data-URI)는 내부·비가시+인코딩 리스크로 의도적 보존.
  • bell.html(7): 🔔히어로/인라인→벨 / 💝좋아하는것→하트 / 🌫싫어하는것→안개 / 🤝도울수있는것→손. stIcon.textContent→innerHTML 전환(296)해야 SVG 렌더.
  • canvas.html: 🔔→벨, test.html: 🔗×2→링크, tests.html: 📊→막대차트, service-posts.html: ✏→펜 + 🙂(에러문구) 제거, app.html: ✨(인사 버블)→스파클.
  • planner/status/worldview/share: 장식 이모지 0(클린).
  • 검증: 잔존 0(admin favicon 제외) · 라이브 HTTP 200 전 .html · 서빙 SVG 포함 확인.
  • 백업: 각 .bak_icons_222045.

잔여 이슈

  • admin favicon 🛰(data-URI emoji) 의도적 보존 — 필요 시 별도 SVG 파비콘 교체 가능.
  • flow.html/나.html은 결정에 따라 이모지 보존(추후 톤 재논의 가능).
  • 확장자 없는 라우트(/bell 등)는 SPA 폴백(index.html) — 기존 동작, 무관.

3차분 — 세션복구 완결 (2026-07-01, win127 revive)

재부팅 중단 세션 복구. 라이브 상태 재검증 후 마지막 불일치 1건만 정밀 처리.
  • test.html 주관식('직접 쓰기') 버튼: .sym 슬롯이 형제 4상 답안버튼은 SYM_SVG[shape](SVG)인데 이 버튼만 텍스트 글리프 → 튀는 불일치. SYM_SVG['✎'](캐논 펜 path 재사용, 22px, currentColor 1.8) 추가 + 채팅 에코 프리픽스는 PEN_INLINE(14px)로 통일.
  • ot.html 는 의도 보존: 형제 노트마커(●·↩·✳)가 전부 텍스트 글리프 → 여기서 ✎만 SVG화하면 오히려 튐. KEEP.
  • 판정 근거: ✦(월드입장 버튼=✳ 브랜드마크 패턴 변형), ▶/✦(스튜디오 콘텐츠종류 마커), 🛰(admin favicon data-URI) = 전부 단색 currentColor 타이포/브랜드 마크라 KEEP 유지.
  • 검증: 디자인 토큰(골드41·brand-mark3·serviceHub2·공유SDK4) 무결 / 사용자표면 11라우트 전부 HTTP 200 / 장식 이모지 재스캔 0(shared·의도파일·favicon 제외).
  • 백업: test.html.bak_icons_190034. 결론: 월드·앱·미디어·메인셸·테스트까지 전 표면 단색 라인 SVG 언어 통일 완결.