DaySheet 퀵 액션 버튼으로 출퇴근·식사 한 번에

🤖 991 in / 641 out / 1632 total tokens

오늘 날짜를 선택하면 출근, 퇴근, 식사 버튼이 바로 노출된다. 버튼 하나로 시간 기록이나 식비를 바로 등록할 수 있어 매일 반복하는 입력이 훨씬 가벼워졌다. 출근과 퇴근은 누르면 현재 시간이 기록되고, 식사는 설정에서 지정한 기본값으로 식비가 누적된다. 식사 버튼 위에는 뱃지로 횟수가 표시돼 하루 몇 끼를 등록했는지 한눈에 알 수 있다. 3회차부터는 확인 대화상자가 떠서 실수로 잘못 누르는 걸 방지한다. 과거나 미래 날짜에서는 기존 DaySheet 그대로 동작한다.

function todayStr() {
  const d = new Date();
  return `${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,'0')}-${String(d.getDate()).padStart(2,'0')}`;
}
 
$: isToday = date === todayStr();

todayStr()로 오늘 날짜를 구하고 반응형으로 비교해 퀵 액션 영역을 조건부 렌더링한다.