티옴타 랜딩 페이지 — 핸드오프 베이스 신규 구축 (재부팅 중단분 이어짓기)

개요

재부팅으로 중단된 tiomta.com 핸드오프 페이지 작업을 이어, tiomta.com/landing 진입 랜딩 페이지를 ~/Downloads/design_handoff_tiomta(hifi 디자인 핸드오프)의 토큰·룰을 정본으로 신규 구축했다. 본체(:9878, node) 트랙이라 tok/ 세션(임시 19979 잔재)과 무충돌.

배경 — 두 트랙 정리

사장님 지시 순서: ① 핸드오프로 tiomta.com 완성 → ② 완성된 티옴타에 8서비스(백엔드 8사업귀속) 붙이기.

• 핸드오프 7모듈(발견/스튜디오/크리에이트/메이커/다이닝파트너/다이닝/운영콘솔) = tok/앱/에 픽셀포팅 중(tok:9979).
• 8서비스 = /api/biz/* 프록시 귀속(같은 날 T5 보상루프 승계 완료). 랜딩에 "곧 붙습니다" 섹션으로 예고.

무엇을 했는지

A. public/landing.html (신규, 단일 파일 hifi)

핸드오프 토큰 그대로(:root — 셸 #3D2B1F · 액센트 #C05B2E · 캔버스 #F6F2EB · 카드 #FDFBF7 · 보더 #E2D9C8 · 모듈색 shop/studio/create/maker/diningp/ops · 다크피드 #141009). Pretendard Variable + JetBrains Mono(수치). 섹션(RULES/SPEC §A 근거):

• 히어로 — "나의 결을 잇는 미드스케일 커머스", 지표 스트립(6,561 / 로그₃ 9단계 / 0.9% / 7모듈)
• 결 매칭 피드 — 다크 폰 프리뷰(세그먼트 편성|P2P|C2P|리뷰 + 로그 게이지 4,187/6,561 · 로그 7/9)
• 회차 예약 — 로그₃ 9틱(3¹…3⁹, 8/9 캡 마커) + ×2 점프 구간(6,561+→18% · 19,683+→36% · 59,049+→72%)
• 0.9% 룰 — 필수 1.8% + 선택 8모듈×0.9% = 최대 9%, 마케팅 86% 실집행
• 7모듈 카드 — 발견/스튜디오/크리에이트는 /앱/*.html 링크(포팅됨), 메이커/다이닝/운영은 "포팅 예정"
• 크라우니달러 C$(1맘≈₩25.5) · 크라우니넥서스 신탁(공장26/물류·배송21/모듈9/브랜드44)
• 성장 목표(파트너 243→6,561 · 회원 19,683→177,147) · 붙는 8서비스 예고(/learn·/ad·…·/letter)

B. server.js 라우트 (본체 :9878)

/test → tests.html 매핑과 동일 패턴 1줄 추가: if (reqPath === '/landing' || reqPath === '/landing/') reqPath = 'landing.html'; (백업 없이 append 수준 1줄 — 기존 T5 백업 server.js.bak-T5보상승계-193925 보존).

C. 한선씨 동반 (public/landing.한선)

경로→파일 매핑 실로직(경로파일매핑·랜딩경로인가) + 자체시험. STRICT 경고0, 7/7 통과. 학습 래칫 intent=tiomta_landing_라우트_경로파일매핑_정적서빙.

검증 (본체 통제 재기동, tok 무접촉)

• node --check PASS → graceful kill + .env 재기동.
• /landing 로컬 200 · title "티옴타 · 결을 잇는 커머스" · 공개 HTTPS tiomta.com/landing 200.
• 골격 게이트: doctype/charset/viewport ✅ · 중복ID 0 · 외부리소스=폰트 CDN 2종(포팅 모듈과 동일)뿐.
• 팔레트 전부 var() 토큰(raw hex=:root 선언 + 그라디언트/셸텍스트 파생값뿐).
• T5 회귀: /api/biz 200 · _reward/event 시스템키 유지.

관련 파일

• /Users/ef/crowny-tiomta/public/landing.html (신규)
• /Users/ef/crowny-tiomta/public/landing.한선 (동반, 7/7)
• /Users/ef/crowny-tiomta/server.js (라우트 1줄)
• 디자인 정본: ~/Downloads/design_handoff_tiomta/{RULES,SPEC}.md

잔여 이슈 / 다음

1. 크리에이트·c2p 라이브 404 — tok/ 소스엔 서빙 라우트 있으나 라이브 9979 .toau가 구버전(7/21 컴파일).

임시 19979(포트만 다른 복사본)에선 정상. → tok 재컴파일+재기동 필요(tok/ 담당 세션이 수행 권장, 충돌 회피). 그때까지 랜딩의 크리에이트 카드 링크는 404가 될 수 있음(발견/스튜디오는 라이브 200).

1. 미포팅 4모듈(메이커/다이닝/다이닝파트너/운영콘솔) — 랜딩에 "포팅 예정"으로 정직 표기. 포팅 시 카드 링크 활성화.
2. 8서비스 부착(②단계) — T5 배선층 완료. 실지급은 신원 브릿지(T5b: 티옴타-auth→game-JWT) 후. 랜딩 예고 섹션은 그때 실링크로.
3. 랜딩 실사화 — 피드 프리뷰는 플레이스홀더 카피(빠델라디파파 예시). 실브랜드/이미지 연동은 피드 데이터 소스 붙일 때.

---

IA 재편 (2026-07-23 2차) — 사장님 지시 3경로 매칭

지시: "나는어떤사람일까? → /landing · 8개 기능 → /tools · tiomta.com root = 핸드오프 적용." 사장님 선택(root 구현) = "내가 만든 핸드오프 랜딩을 root로."

최종 라우팅 (본체 server.js — SPA 폴백은 index.html 유지)

경로	서빙	정체
/	landing.html	핸드오프 랜딩(다운로드폴더 핸드오프 적용)
/landing	index.html	'나는 어떤 사람일까' 진단(구 root)
/tools	tools.html	8 서비스 허브(신규)
/test	tests.html	기존(무변경)

신규/수정

• public/tools.html (신규) — 8서비스 허브(핸드오프 토큰). 서비스별 색·원본경로점수·훈련ROI·합법·귀속설명(티옴타 프론트+크라우니 엔진, 맘/포네 멱등 원장). 8카드 각 /learn…/letter 실링크(라이브 8/8 200).
• landing.html 수정 — root 승격 대응: 로고→/, nav에 도구8종·진단 추가, 앱 열기/발견 링크→https://tok.tiomta.com/앱/발견.html(본체는 SPA 폴백이라 /앱/* 404 위험 → 실제 발견앱=tok 공개 200), 8서비스 섹션→/tools 허브로.
• landing.한선 — IA 매핑 재작성(경로파일매핑·핸드오프랜딩인가·도구경로인가) 자체시험 11/11, STRICT 0.
• server.js — root→landing.html, /landing→index.html, /tools→tools.html 3줄.

검증 (본체 통제 재기동, tok 무접촉)

• 로컬+공개 HTTPS title 대조: /=결을 잇는 커머스 · /landing=티옴타테스트 진단 · /tools=8가지 크라우니 서비스. 3/3 정확.
• 진단(/landing) 절대경로 CSS 200(에셋 정상) · 8서비스 링크 8/8 200 · T5 _reward+8사업 회귀 유지.
• 학습 래칫: intent=tiomta_IA_라우트_root핸드오프랜딩_landing진단_tools8서비스.

⚠ SPA 폴백 함정 (재확인)

본체는 미존재 경로에 index.html(진단)을 200 반환. 그래서 /앱/* 모듈 링크는 본체(9878)가 아니라 tok(9979) 공개 URL로 걸어야 함. 랜딩/도구의 앱 링크 전부 tok.tiomta.com으로 지정 완료.

---

3차 — root 피드 전환 + 육안 검증 마감 (2026-07-23 오후, 재개 세션)

이전 세션이 root를 핸드오프 랜딩에서 "오늘의 결 편성" 피드(feed.html)로 전환하고 브라우저 육안 검증 직전에 중단 → 이 세션이 재개·마감.

최종 라우팅 (3차 확정)

경로	서빙	정체
/	feed.html	결 매칭 피드(틱톡/IG식 폰프레임, 정본=TiomtaModuleShop.dc.html sceneData 6장면)
/intro	landing.html	핸드오프 소개 랜딩(구 root)
/landing	index.html	'나는 어떤 사람일까' 진단
/tools	tools.html	8 서비스 허브
/test	tests.html	기존(무변경)

육안 검증 (claude-in-chrome, 공개 HTTPS tiomta.com)

• / 피드: 폰프레임 다크 렌더 ✅ · 세그먼트 탭(편성|P2P🔒|C2P🔒|리뷰🔒) ✅ · 스냅 장면전환(화장품→울푸드→…→루디아) ✅ · 로그 게이지·회차 CTA ✅ · 종결카드 "오늘의 편성 끝"(무한스크롤 없음) ✅ · "처음부터 다시 보기" 클릭→장면1 복귀 ✅
• /intro 핸드오프 랜딩 렌더 ✅ · /tools 8카드 렌더 ✅

발견·수리 (이 세션)

• 카피 불일치: 헤더 dcount=동적 6장면 vs 하드코딩 "다섯 장면" — feed.html 2곳(meta description·종결카드) + landing.html 4곳 → "여섯 장면" 통일. 라이브 재확인(로컬+공개 HTTPS).
• feed.한선 자체시험 7/7 재확인 · 학습 래칫 intent=tiomta_root피드_결편성_스냅스크롤_로그게이지.

잔여 (기존과 동일)

• 피드 실사화: imgNote 플레이스홀더([ brand hero — … ]) → 실브랜드/이미지 연동은 피드 데이터 소스 붙일 때.
• tok 재컴파일(크리에이트/c2p 404) · 미포팅 4모듈 · 8서비스 부착=신원브릿지(T5b) 후.