기록 입력 버튼 위치 조정 및 미래 날짜 차단

🤖 625 in / 671 out / 1296 total tokens

DaySheet 컴포넌트에서 기록 입력 버튼을 목록 아래쪽으로 이동시켰다. 사용자 흐름상 기존 기록을 먼저 확인하고 새로운 기록을 추가하는 게 자연스럽다고 판단했다.

미래 날짜에 기록을 남기지 못하도록 차단 로직을 추가했다. customAlert 스토어를 새로 import해서 미래 날짜 선택 시 경고 메시지를 띄운다. isToday 반응형 변수를 만들어 오늘 날짜와 비교하는 로직을 깔끔하게 정리했다.

CSS 쪽에서도 빈 상태 스타일과 버튼 스타일을 미세 조정했다. 전체적으로 15줄 추가, 5줄 삭제로 변경 폭이 작으면서도 사용자 경험을 개선하는 수정이었다.

import { settings, records, customConfirm, customAlert } from '$lib/stores.js';
 
$: isToday = date === todayStr();
 
// 미래 날짜 차단 로직에서 활용
if (!isToday && date > todayStr()) {
  customAlert.show('미래 날짜는 기록할 수 없습니다');
  return;
}

버튼 위치 하나 바꾸는 건데 생각보다 신경 쓸 게 많다. 사용자는 모르겠지만 나는 안다.