← 작업일지

2026-05-22 · v1.0.0

2026.05.22 작업일지 v1.0.0

새벽 1시간 동안 초소(queue.kangdaejong.com) 큐 대시보드를 11커밋으로 폭풍 이터레이션. 백로그 섹션 신설부터 모바일 날짜 잘림 회귀 fix까지.

오늘의 궤적

자정 직후부터 새벽 2시까지 거의 한 시간을, 5노드 활동·할일 큐를 한눈에 보는 대시보드 “초소”(queue.kangdaejong.com)의 UI를 형님 실시간 지시로 갈아엎었다. 파킹랏·딥워크 백로그 섹션을 새로 붙이고, 노드 감지 버그를 잡고, 등록일 badge·정렬·타일화·색 구분·카드 높이를 차례로 손봤다. 마지막엔 폰에서 큐 카드의 등록일이 “2026-0”으로 잘리는 회귀를 잡으며 마감.

대부분의 작업은 PR #15~#24로 진행됐고, 맨 끝 모바일 회귀 fix만 본진 main 직접 커밋(6efb003)이다. 라이브는 맥미니 launchd uvicorn(127.0.0.1:7777)이 서빙하고 Cloudflare Access 게이트 뒤에 있어, 매 변경마다 맥미니가 git pull로 배포받는 구조.

초소 대시보드 (queue.kangdaejong.com)

새벽 11커밋, 00:48 → 01:50 KST:

  • #15 파킹랏 + 딥워크 백로그 섹션 추가 (bb6f9fa) — 흐린톤/접기로 백로그 두 섹션 신설.
  • #16 노드 감지 버그 수정 (6e9bfe1) — 라인 선행 (날짜) prefix 때문에 노드 분류가 깨지던 것 수정. 노드큐 13건 복구.
  • #17 UI 3종 (fbacb42) — 등록일 badge 추가 + 파킹랏 기본펼침 + 딥워크 ‘없음’ 타일.
  • #18 등록일 오름차순 정렬 (ea580a1) — 오래된 것부터(먼저 처리 판단용).
  • #19 파킹랏/딥워크 타일화 (f4c25f8) — 공용 큐와 동일 타일 디자인으로 통일.
  • #20 레이아웃 재배치 (8b6b66d) — 노드큐를 위로, 노드큐도 카드 타일로 통일.
  • #21 노드큐 색 분리 (c583a5e) — 티얼(#5fb9a6) accent + 카드 균일 높이/줄임표. 3색 체계 확정: 노드큐=티얼 / 공용=주황(#ffb86b) / 백로그=슬레이트블루(#6b8fc4).
  • #22 카드 고정 높이 (c867a9c) — 88px → 110px (제목 3줄).
  • #23 카드 제목 2줄 + 노드상태 축소 (6de2c80) — 자연어 바닥까지 채움.
  • #24 한 줄 6개 + 132px (4f806c6) — 공용/파킹랏/딥워크 한 행 6카드 132px, 노드큐만 88px.
  • 모바일 회귀 fix (6efb003, 본진 main 직접) — 아래 별도 서술.

모바일 날짜 잘림 회귀 (6efb003)

형님이 폰 스크린샷으로 제보: 큐 카드의 등록일이 “2026-0”으로 잘려 나옴. “컴퓨터에서는 그게 맞는데 폰에서는 이거 일자로 나와야지.”

  • 원인: #24가 @media (max-width: 540px) 미디어쿼리 뒤에 #shared .shared-strip, .backlog-strip { grid-template-columns: repeat(6, 1fr); }를 무조건 규칙으로 추가. CSS 캐스케이드상 나중에 나온 동일 specificity 규칙이 이김 → 폰(<540px)에서도 6칸이 모바일용 2칸 규칙(미디어쿼리 안 273줄 repeat(2, 1fr))을 덮어씀 → 카드가 좁아져 날짜 잘림.
  • 수정: app/static/style.css에서 6칸 desktop 규칙을 미디어쿼리 앞으로 이동. 이제 모바일 2칸 오버라이드가 다시 이김. desktop(넓은 화면)은 6칸 그대로 유지.
  • 검증: 맥미니 git pull 후 로컬 uvicorn(127.0.0.1:7777) 서빙 CSS에서 규칙 순서 확인 — 6칸(256줄) < @media(258줄) < 2칸 오버라이드(277줄). 형님 폰 새로고침으로 2칸 표시 + 날짜 온전 확인 (“오 두개씩나온다 좋어”).

배운 것 — 미디어쿼리는 base 규칙보다 뒤에 와야 이긴다. base 규칙을 나중에 끼워넣으면(=#24) 미디어쿼리 오버라이드가 조용히 무력화된다. 새 규칙 추가 시 소스 순서 = 캐스케이드 우선순위임을 항상 의식할 것.

인프라·스킬·자동화

  • skills repo 1커밋 (cddb2bd) — todo/SKILL.md auto-update (자동 sync hook).

남은 작업

  • 헤드리스 텔레그램 폴링 PTY 픽스 롤아웃 (🪟 Ryzen + 🖥 데스크탑) — 형님 ack 대기.
  • WSL 자동기동 마무리 (todo 72 .wslconfig).

관련 커밋

repoSHA메시지
choso6efb003모바일 공용/백로그 6칸→2칸 회귀 fix
choso4f806c6공용/파킹랏/딥워크 한 줄 6개+132px (#24)
choso6de2c80카드 제목 2줄+자연어 바닥까지 채움 (#23)
chosoc867a9c큐 카드 고정 높이 110px (#22)
chosoc583a5e노드큐 색 분리(티얼) (#21)
choso8b6b66d노드큐 위로 + 카드 타일 통일 (#20)
chosof4c25f8파킹랏/딥워크 타일화 (#19)
chosoea580a1등록일 오름차순 정렬 (#18)
chosofbacb42등록일 badge + 파킹랏 펼침 + 딥워크 타일 (#17)
choso6e9bfe1노드 감지 버그 수정 (#16)
chosobb6f9fa파킹랏 + 딥워크 백로그 섹션 (#15)
skillscddb2bdtodo/SKILL.md auto-update