commits

캘린더 셀 UX 개선: 출근시간 제거하고 초과근무 복원

R
이더
2026. 03. 11. AM 11:55 · 1 min read · 0

🤖 835 in / 738 out / 1573 total tokens

캘린더 셀에서 출근시간 표시를 제거하고 초과근무 시간 표시를 복원했다.

기존에는 출근시간이 "8시 00분" 형식으로 표시됐는데, 좁은 셀 안에서 "8시간"처럼 보이는 문제가 있었다. 실제 근무시간이 아니라 출근 시각인데도 말이다. 사용자 입장에서는 헷갈릴 수밖에 없다. 그래서 출근시간은 과감히 빼고, 대신 초과근무 시간을 다시 노출하기로 했다. 초과근무는 otMin이 0보다 클 때만 빨간색으로 표시한다.

{#if rec && !other}
  <div class="ev-list">
    {#if rec.otMin > 0}
      <div class="ev ev-ot">{fmtMin(rec.otMin)}</div>
    {/if}
    {#if rec.meals > 0}
      {@const net = rec.meals * mp - (rec.mealExpense || 0)}
      <div class="ev ev-meal">{net.toLocaleString()}원</div>
    {/if}
  </div>
{/if}

이제 캘린더 셀에는 초과근무 시간(있을 때만)과 급량 수지만 표시된다. 훨씬 깔끔하다.

← 이전 글
캘린더 셀 UI 정리: 초과근무 표시 제거하고 출근시간 포맷 복원
다음 글 →
공노기로 이름 변경하고 토스트도 깔끔하게