요청: takeurban-작업지시서-조치
- 날짜: 2026-07-29 13:20:41
- 작업 경로: /Users/ef
요청 본문
takeurban.art 작업지시서에 올라온 내용 조치하기.
관련 산출
(클로드가 작업 결과를 이어 기록)
처리 결과 (2026-07-29)
작업요청 req_ms4k7y6cf317 (pending 1 → 0) 3항 전부 반영 — takeurban.art/task 보드
- 구매 전 필수 안내 줄바꿈 재편 (
public/index.html#refund-notice)
--gold-deep, 지시 "(강조)->")
- "• 해외배송은 반품·교환이 어렵습니다." / 스크래치 항목·수선전문점 항목 지정 위치 개행
- public/app.js GUIDE(입금안내·정책) 동일 문구 동기화
- ① 캡처 첨부 — 핸드폰 갤러리·카메라에서 바로 → 캡처 첨부-핸드폰 갤러리에서 바로
- 탭하여 사진 첨부 (필수) → 사진 올리기(필수)
public/style.css 205줄에 @media 미디어쿼리가 0개. 320~390px 폭에서 .view 18px + .card 20px 좌우 여백(=76px 손실) + 2열 업로드 타일(aspect 3/4) 압착이 원인.≤390px: view/card/topbar 여백 축소, 업로드 타일 비율 1:1.15·폰트 축소, 탭 라벨 축소(5탭 letter-spacing 보정), 게이트/모달 패딩 축소≤340px: 업로드 2열 → 1열 전환(16/9), 여백 추가 축소overflow-wrap:anywhere로 긴 계좌번호·URL이 카드를 밀어내는 현상 차단한선씨 동반: 안내문.한선 SSOT 갱신 — 문구 3종 동기화 + 라벨_캡처첨부()·라벨_사진올리기()·업로드열수(폭)·좁은화면(폭) 추가, 4상 검증에 편입. hanseonc_high 컴파일 0경고 → crownyc run → 티 통과.
검증(실측)
- 배포:
배포.sh→ 원격 헬스 OK - 라이브 grep: 무료배송 2줄 분리 1건 / "고객님께 작은 혜택" 0건 / "캡처 첨부</b>-핸드폰 갤러리에서 바로" 1건 / "사진 올리기(필수)" 1건 / "탭하여 사진 첨부" 0건 / style.css @media 2건 — 전부 기대치 일치
- 렌더 실측: 크라우니AI검증(WKWebView 헤드리스)로 320/360/390/430px 4폭 동시 렌더 — 넘침 없음, 320px 업로드 1열 전환 확인, 지시한 줄바꿈 위치 육안 일치
- 보드:
/api/task/request/.../done완료노트 기록 → pending 0
관련 파일: crowny-take/public/index.html · public/app.js · public/style.css · 안내문.한선 · 배포.sh
후속 (같은 날) — 꼬불꼬불 빨간 밑줄 강조
사장님 캡처 지시: 구매 전 필수 안내의 굵은 글씨 + "스크래치~박스손상" 구간에 물결 빨간 밑줄.
.sq클래스 신규(public/style.css):text-decoration: underline wavy #D93025+-webkit-text-decoration(구형 웹킷) +text-decoration-skip-ink:none(받침 끊김 방지) + offset 4px / thickness 1.2px- 적용 4곳(
public/index.html#refund-notice): ①14일 이내 미수령 시에만 가능합니다. ②반품·교환이 어렵습니다. ③스크래치, 사이즈 오차, 실밥, 본드자국, 박스손상(span으로 구간 지정) ④정상 범위로 간주 - 미적용: 상단 "배송비 걱정 없이 쇼핑하세요 / 전 상품 무료배송" — 캡처 범위 밖이고 혜택 문구에 경고 밑줄은 부적절
- 검증: 390px 실렌더 + 2.4배 확대 렌더로 물결 곡선 육안 확인 → 배포 → 라이브 grep(
class="sq"4건, CSS wavy 1건, 스크래치 구간 span 1건)