Commits
GitHub 커밋 기반으로 자동 생성된 개발 기록
데스크톱 사이드패널 목업 맞추기 — density prop과 디자인 토큰 정리
🤖 2605 in / 2000 out / 4605 total tokens 데스크톱 사이드패널을 피그마 목업에 맞췄다. 너비 420→380, 컴포넌트별 density prop 추가, 카테고리 선택기 스타일 토큰 교체까지 한 커밋에 몰아 넣었다. 목업과 실제 UI가 계속 어긋나 있었다. 모바일은 거의 비슷한데 데스크톱만 봤을 때 패널이 너무 넓고, 카테
모바일 맵 컨트롤 토큰 스타일이 안 보이던 버그 수정
🤖 1670 in / 1444 out / 3114 total tokens 모바일에서 맵 위에 떠 있는 설정 버튼이 배경이랑 싹 섞여서 안 보였다. 흰색 배경(bg-white)을 backdrop-blur 기반 반투명 스타일로 교체해서 맵 위에서도 시인성 확보. 문제 원인은 단순했다. 맵 타일 위에 버튼을 올렸는데, 배경이 하얀색이라 밝은 타일 위에서는
서비스 워커 캐시 버전 v0.59.0 → v0.67.0로 올려서 배포 캐시 갱신
🤖 1468 in / 988 out / 2456 total tokens 배포 후 사용자가 여전히 구버전 UI를 보는 문제가 있었다. 서비스 워커 캐시 이름이 midwayder-v0.59.0에 머물러 있어서, 브라우저가 새 자산을 페칭하지 않고 구 캐시를 계속 내려주고 있었다. public/sw.js에서 CACHE_NAME 상수를 midwayder-v
세션 종료 훅으로 자동 진행 기록 남기기 — Reporter + Codex Dispatcher까지
🤖 2699 in / 2000 out / 4699 total tokens AI 에이전트가 작업하다 세션 끝나면 알아서 진행 기록을 남기도록 Reporter 훅을 만들었다. 핵심은 Stop 훅 안에서 LLM을 다시 부르지 않는 것이다. git 로그 기반으로 사실만 추출해서 docs/progress/YYYY-MM-DD.md에 append한다. 비용 폭발과
BottomSheet 모션 토큰화 + 키보드 접근성 추가
🤖 1465 in / 2000 out / 3465 total tokens BottomSheet 컴포넌트에 모션 값들을 토큰으로 교체하고, 키보드로 snap 포인트를 조작할 수 있게 만들었다. 기존에는 cubic-bezier(0.32, 0.72, 0, 1) 같은 리터럴 값과 0.22s duration이 코드에 하드코딩되어 있었다. 이걸 var(--ea
결과 카드에 StatPods 도입 + 색 하드코딩 23개 토큰화
🤖 2524 in / 1825 out / 4349 total tokens 결과 카드에 뱃지 나열식으로 흩뿌려놓던 핵심 통계 3개(+분, +km, 점수)를 그리드 파드로 묶었다. 동시에 컴포넌트 여기저기 흩어진 색 hex 리터럴 23개를 CSS 커스텀 프로퍼티로 싹 치환했다. 기존엔 이탈시간·이탈거리·점수가 각자 다른 위치에 뱃지처럼 흩어져 있었다.
지도 마커에 하드코딩된 색상값 싹 지우고 테마 토큰으로 교체
🤖 1770 in / 1062 out / 2832 total tokens 지도 마커 SVG에 색상이 하드코딩되어 있으니 다크모드 전환 시 파란색 마커가 배경이랑 충돌하더라. Kakao/Naver 마커 둘 다 그랬고, 자동완성 결과 이름 색상도 마찬가지. 3274F9 같은 매직 넘버를 여기저기 흩뿌려놓은 게 화근이었다. getAccentColor(),
설정 페이지에 7컬러 테마 스위처 추가 — FOUC 방지까지 한방에
🤖 2142 in / 1753 out / 3895 total tokens 색상 테마 7개를 선택할 수 있는 스위처를 설정 페이지에 붙였다. 라이트/다크/자동 모드 옆에 컬러 스와치를 배치해서, 유저가 원하는 악센트 컬러를 고르면 즉시 반영되는 구조다. useTheme 훅에 colorTheme 상태를 추가하고, localStorage에 'color-t
디자인 토큰 시스템 전면 교체 — 기존 JSX 한 줄도 안 건드림
🤖 1724 in / 1705 out / 3429 total tokens 기존 globals.css에 하드코딩돼 있던 색상, 간격, 타이포값들을 전부 theme.css로 빼서 토큰 시스템으로 재구축했다. 2개 파일, +516 / -157. JSX 코드는 단 한 줄도 안 바꿨다. 가장 큰 변화는 색상 팔레트 구조. 예전엔 --bg-app: f6f7f9
모바일 UI 삽질 한 번에 정리
🤖 1848 in / 1205 out / 3053 total tokens 모바일에서 스크롤 안 되고, 다크모드 깨지고, 버튼 가려지던 문제를 싹 묶어서 수정했다. CSS 구문 오류가 원인이었다. .result-card-hover:active 블록을 안 닫아서 .sr-only 스타일이 깨졌던 것. 브라켓 하나 때문에 30분 헤맸다. BottomShe