작업 효율을 높이려고 뽀모도로(25분 집중, 5분 휴식) 기법을 자주 사용합니다. 그런데 막상 PC나 태블릿에 띄워두고 쓸만한 타이머 앱을 찾다 보면 거슬리는 점이 꽤 많습니다.
화면을 가리는 배너 광고, 굳이 설치를 요구하는 무거운 앱, 그리고 데스크 환경과 어울리지 않는 조잡한 UI들. 복잡한 기능 없이 딱 '시간 측정'이라는 본질에만 충실하면서 보기에 깔끔한 타이머가 필요해서 직접 만들었습니다.
[Focus Timer 바로가기] 👉 ( https://wontae.kr/projects/project-pomodoro.html )

주요 특징
설치나 로그인 없이 브라우저에서 바로 실행되는 가벼운 웹앱입니다.
1. 직관적인 배경색 전환 현재 상태를 굳이 글자로 읽지 않아도 직관적으로 인지할 수 있도록 모드별로 배경색이 바뀝니다.
- 포모도로 (25분): 뇌를 깨우는 테라코타 레드
- 짧은 휴식 (5분): 눈이 편안한 뮤트 틸
- 긴 휴식 (15분): 차분한 스틸 블루
2. 데스크테리어에 최적화된 미니멀 UI 글래스모피즘(Glassmorphism) 기반의 반투명 패널과 가독성 높은 폰트만 남겼습니다. 서브 모니터나 아이패드에서 전체화면(F11)으로 띄워두면 깔끔한 탁상시계처럼 활용할 수 있습니다.
3. 시각적 알림 (화면 깜빡임) 소리 알림에 의존하면 무음 모드이거나 노이즈 캔슬링 이어폰을 끼고 있을 때 타이머가 끝난 걸 놓치기 쉽습니다. 시간이 다 되면 화면 전체가 부드럽게 깜빡이도록 시각적 알림 기능을 추가했습니다.
4. 광고 제로, 무설치 HTML/CSS/JS로만 가볍게 작성된 정적 웹페이지입니다. 광고나 트래커가 없어 쾌적합니다.
사용 팁
웹 브라우저 기반이므로 스마트폰이나 태블릿(아이패드 등)에서 사용할 때는 브라우저 메뉴의 '홈 화면에 추가' 기능을 사용해 보세요. 주소창이 사라지고 마치 네이티브 앱처럼 전체화면으로 단독 실행됩니다.
집중력이 떨어져서 작업 사이클 관리가 필요하신 분들은 즐겨찾기 해두고 활용해 보시기 바랍니다.
기획 설명 : https://wontae.kr/projects/project-timer.html
'도구' 카테고리의 다른 글
| 네트워크 의존성을 제거한 필름 현상 보조 웹 타이머 애플리케이션 설계 (0) | 2026.03.23 |
|---|---|
| 영상과 웹캠까지 실시간 아스키 아트 (ASCII ART)로 변환해주는 무료 툴 (0) | 2026.02.22 |
| 아직도 건축기사 실기? 출퇴근길 10분 컷 모바일 건축기사 실기 암기용 웹앱 (0) | 2026.02.21 |
| 아웃룩, 지메일에서 절대 안 깨지는 '디자이너용 이메일 서명' 1분 만에 만들기 (0) | 2026.02.21 |
| 노션/티스토리에 구글 드라이브 이미지 오류 없이 바로 넣는 방법 (다중 일괄 변환) (0) | 2026.02.19 |