hae02y / lab

EXP-001 · 2026.04 · Tools

칼퇴 계산기

출근 시간 넣으면 오늘 몇 시에 퇴근인지 알려줌. 채널 들어가면 동료들이랑 퇴근 시간 겨룰 수 있음

Open demo Source
off-work.vercel.appCheck
칼퇴 계산기 화면
Fig. 1 — 칼퇴 계산기, 배포된 화면

01Question

퇴근 시간 계산에 '같이 버티는 사람'이 보이면 뭐가 달라질까?

02Approach

  1. 01

    출근 시각, 점심, 근무시간, 추가 근무를 넣으면 퇴근 시각과 칼퇴 등급을 계산한다.

  2. 02

    '적막한 사무실', '카페에서 일하는 척' 같은 채널 6개에 들어가 같은 처지의 사람들과 퇴근 시간을 겨룬다.

  3. 03

    참가자와 채팅은 Turso(libSQL)에 저장하고, 새로고침해도 세션을 복원한다.

  4. 04

    주기적인 heartbeat로 접속을 확인하고, 30초간 신호가 없으면 자리 비움으로 바꾼다.

03Findings

Note A

퇴장은 신호가 끊기는 것으로 판단한다

탭 닫기나 페이지 이동을 따로 잡지 않는다. heartbeat가 30초 동안 오지 않으면 자동으로 자리 비움이 되므로, 퇴장 처리 코드가 필요 없다.

04Log

  1. 칼퇴 계산기 MVP

  2. Turso 연동, heartbeat, 세션 복원

  3. hae02y 로고와 푸터