포모도로 타이머 — 25분 집중 5분 휴식

소개

집중 시간과 휴식 시간을 번갈아 돌리는 포모도로 타이머예요. 기본값은 25분 집중, 5분 짧은 휴식이고, 집중을 네 번 마칠 때마다 15분 긴 휴식이 들어가요. 지금이 몇 번째 집중인지, 현재 세트가 얼마나 찼는지 점으로 보여 주고, 다음에 올 네 단계가 시간과 함께 목록으로 나와요. 끝낸 집중 횟수와 집중한 시간 합계도 계속 계산돼요. 이 합계는 날짜가 바뀌어도 저절로 지워지지 않고, 이 브라우저에 남아 있다가 처음부터를 누르면 0으로 돌아가요.

사용법

1. 시작을 누르면 첫 집중 25분이 흘러요. 일시정지와 계속은 같은 버튼이에요.
2. 단계가 끝나면 알림음이 울리고 다음 단계로 넘어가요. 자동 시작을 끄면 직접 시작 버튼을 눌러야 해요.
3. 지금 단계를 건너뛰고 싶으면 다음 단계로, 처음 상태로 돌아가려면 처음부터를 누릅니다.
4. 시간은 집중·짧은 휴식·긴 휴식 칸과 긴 휴식 주기 칸에서 바꿀 수 있어요. 진행 중에는 잠겨 있어요.
5. 전체화면, 알림음 크기, 소리 테스트, 브라우저 알림은 아래쪽에서 설정해요.

단축키는 스페이스(시작·일시정지), N(다음 단계), R(처음부터), F(전체화면)예요.

기준

• 순서: 집중 1 → 짧은 휴식 → 집중 2 → 짧은 휴식 → 집중 3 → 짧은 휴식 → 집중 4 → 긴 휴식 → 집중 5로 이어져요. N번째 집중 뒤에만 긴 휴식이 들어가고, N은 설정에서 바꿀 수 있어요.
• 정확도: 단계마다 끝나는 시각을 저장하고 남은 시간은 Date.now() 차이로 계산해요. 다음 단계는 이전 단계가 끝난 정확한 시각부터 이어 붙여서 단계가 넘어갈 때마다 생기는 지연이 쌓이지 않아요.
• 완료 횟수: 집중 시간이 끝까지 지나 휴식 단계에 들어서면 1회로 세요. 다음 단계로 버튼으로 집중을 건너뛴 경우는 완료에 넣지 않고 “건너뛴 집중 N회”로 따로 보여 줘요.
• 알림음: Web Audio로 만든 짧은 비프음이에요. 브라우저 알림은 체크박스를 직접 켰을 때만 권한을 요청해요.
• 저장: 설정과 진행 상태는 이 브라우저에만 저장돼요.

예시

프리셋	집중	짧은 휴식	긴 휴식	한 세트 길이
기본	25분	5분	15분	4×25 + 3×5 + 15 = 130분
길게 몰입	50분	10분	30분	2회 주기면 50+10+50+30 = 140분
가볍게	15분	3분	10분	4회 주기면 60+9+10 = 79분