근무 시간 계산기

출퇴근 시간을 기반으로 근무 시간을 확인할 수 있는 웹 계산기입니다.

🔗 https://work-hours-calculator-navy.vercel.app/

---

버전 1 — 주간 근무 시간 계산기 (/1)

월~금 요일별 출퇴근 시간을 입력하여 이번 주 근무 시간을 계산합니다.
매주 새 주가 시작되면 데이터가 자동 초기화됩니다.

기능

• 요일별 출근/퇴근 시간 입력
• 근무 유형 선택: 근무 / 연차 / 반차 / 반반차 / 저녁 / 리프레시데이 / 휴일
• 요일별 목표 대비 초과/부족 분 표시
• 주간 합산 플러스/마이너스 표시
• 이번 주 목표 시간 표시
• 데이터 브라우저 로컬스토리지 저장

버전 2 — 월별 근무 시간 계산기 (/2)

월 단위로 일자별 출퇴근 시간을 입력하여 이번 달 근무 시간 달성 현황을 추적합니다.

기능

• 월별 전체 날짜 리스트에서 일자별 출퇴근 입력
• 근무 유형 선택: 근무 / 연차 / 반차 / 반반차 / 휴일 / 휴일근무
• 주말 유형 선택: 주말 / 주말근무 (주말근무 선택 시 출퇴근 입력 가능)
• 휴게시간 관리: 기본 12:00~13:00, 자유롭게 추가/삭제 가능
  • 파란 점: 기본값과 다를 경우
  • 빨간 점: 법정 휴게 미충족 (근무 4시간당 30분)
• 월 기준 시간 달성률 진행도 표시
• 통계 대시보드: 기준 시간 / 잔여·초과 시간 / 실근로 / 기타 / 누적 시간
• 연장 한도 시간 및 연장 시간 표시
• 기대 대비 초과/미달 누적 시간
• 데이터 내보내기 / 가져오기 (JSON)

기술 스택

• Framework: Next.js (App Router)
• UI: MUI, Tailwind CSS
• Date: Day.js
• State: Zustand (v1), React useState (v2)
• Deploy: Vercel