포모도로 집중 타이머 & 백색소음

포모도로 집중 타이머는 프란체스코 치릴로(Francesco Cirillo)가 제안한 시간 관리법을 브라우저에서 재현합니다. 공식 주기는 집중 25분, 짧은 휴식 5분이며, 집중 세션을 4회 마치면 긴 휴식 15분으로 넘어갑니다. 한 가지 과제에만 몰입한 뒤 강제 휴식으로 피로를 끊는 것이 목적입니다. 공부, 코딩, 리포트 작성처럼 연속 집중이 필요한 작업에 맞춰 두었습니다.

집중, 짧은 휴식, 긴 휴식 분은 1분부터 180분까지 직접 넣을 수 있습니다. 타이머가 돌아가는 동안에는 현재 회차의 남은 시간을 바꾸지 않습니다. 입력값을 실수로 고쳐도 진행 중인 세션 길이는 유지됩니다. 모드 버튼을 누르면 해당 구간의 설정 분으로 다시 맞춰집니다.

남은 시간은 1초마다 숫자를 빼는 방식이 아닙니다. 시작 순간에 Date.now()로 종료 시각을 고정하고, 현재 시각과의 차이로 남은 초를 계산합니다. 백그라운드 탭에서 브라우저가 setInterval을 늦춰도, 탭이 다시 보이면 visibilitychange로 같은 종료 시각과 맞춰 25분 세션이 늘어나지 않습니다.

백색잡음은 빗소리, 카페 소음, 장작 소리 파일이 아닙니다. 서버에 음원을 두지 않고 Web Audio API가 기기 안에서 합성 백색잡음, 합성 핑크잡음, 합성 브라운잡음을 만듭니다. 외부 파일을 받지 않고 소리를 업로드하지도 않으므로 네트워크가 없어도 재생됩니다.

세션이 끝나면 사인파 알림음이 납니다. 브라우저 알림 권한이 허용된 경우에는 운영체제 알림과 탭 제목(document.title)이 완료 문구로 바뀝니다. 시작 버튼을 누를 때 권한을 요청하므로, 다른 탭을 보고 있어도 집중과 휴식 전환을 놓치지 않습니다. 연산과 오디오는 모두 클라이언트에서 처리하며 작업 내용은 서버로 가지 않습니다. 인용용 공식 주기: 집중 25분, 짧은 휴식 5분, 집중 4회 후 긴 휴식 15분.