notes 작업 보고 — 2026-08-25 (썸네일 구조 · 목차 · 공정 보드)

30초 요약

1. 리스팅 이미지 — 구조 확정

커버가 뒤, 속지(다꾸)가 앞, 둘 다 떠 있게 포갠다. 커버만 있으면 무슨 노트인지 안 읽히고, 속지가 앞에 와야 손으로 쓰는 물건임이 보입니다. 가로로 풀리든 세로로 풀리든 이 구조로 갑니다. PRODUCT_POLICY.md에 정본으로 박았습니다.

"두 개를 하나로 합치냐"에 대한 답: 코드는 한 벌, 파일은 두 개입니다.

파일을 하나로 못 쓰는 이유는 비율입니다 — 네이버는 1:1(1000×1000)을 요구하고 본진 목록 카드는 3:4입니다. 대신 합성 함수 stack() 하나가 커버·속지를 받아 그림을 만들고 캔버스 크기만 다르게 넘겨 두 파일을 뽑습니다. 한 곳만 고치면 두 채널에 같이 반영됩니다.

그림자는 이미지에 굽습니다(CSS 아님). 네이버엔 CSS를 못 쓰니 이미지에 넣어야 두 채널이 같아집니다.

그림자 — 세 번 틀리고 잡았습니다

1. 고정 픽셀값으로 줌 → 1400px에서 900px로 줄이며 0.45배로 같이 줄어 실선이 됨
2. 비례로 바꿨는데 너무 넓게 퍼뜨림(기기 폭 7.5%) → 옅은 안개가 돼 목록 크기에서 소멸
3. 좁고 진하게(번짐 2.5% · 내림 3.5% · 알파 165) → 해결

중간에 "잡았다"고 보고했다가 사장님이 "그림자가 어디 있냐"고 지적하셨습니다. 수치만 보고 확대해서 눈으로 확인하지 않은 제 잘못이었습니다.

그 밖에 잡은 것

• 기기 union이 캔버스의 0.86을 넘지 않게 — 꽉 채우면 그림자가 앉을 자리가 없음
• 앞면 소스를 deco(원본)로 — mock은 이미 기기가 씌워진 그림이라 기기 안에 기기가 됐음

2. 본진 썸네일 — 여백 굽기 제거

종전엔 커버를 4:3 캔버스에 앉히고 남는 쪽을 커버 가장자리색으로 채워 세로 커버에 색 띠가 생겼습니다. 이제 커버 원본 비율 그대로 두고 담는 div가 배경을 맡습니다. 카드 배경의 회색도 뺐고(종이톤), 패딩을 줄여 썸네일을 키웠습니다. 94종 재생성했습니다.

3. 목차 합치기

속지 카드가 6장 이하이면 홈 목차 한 장에 합칩니다. 별도 인서트 목차를 내지 않습니다. 무료 공책은 속지가 2~3장인데 목차가 2장씩 붙어 지면 낭비였습니다. move30 실측 8면 → 7면.

4. 공정 보드 (/admin#pipe)

제품 한 행, 단계는 왼→오, 아래로 쌓입니다. ③ 커버에서 기계가 멈춥니다.

• 빈 커버 자동 표시 — 썸네일을 브라우저에서 재서 먹 4% 미만이면 칩 + 빨간 테두리
• 폴링 — 누르면 5초마다 상태를 확인해 done/error까지 지켜보고 자동 갱신

5. 무료 노트 현황

f1~f9는 만들다 만 초안이라 정리(보관 처리)가 필요합니다.

다음 순서 — 속지가 먼저입니다

사장님 지적대로 지금 다수 제품이 서식이 브라운 톤 한 가지로 똑같고 원하는 서식이 아닙니다. 속지가 틀린 채로 썸네일을 구우면 두 번 일합니다. 그래서:

1. 속지 바로잡기 — 공정 보드에서 [속지] 보고 [서식 수정]으로 지시
2. 커버 채우기 — 빈 커버로 표시된 제품들
3. 썸네일 일괄 — 그다음에 40종 한 번에 (비용 0)

아침에 판단 주실 것

1. 무료 3종 공개 여부
2. 리스팅 이미지 일괄 적용 시점 (속지 정리 후 권장)
3. f1~f9 옛 초안 보관 처리 여부