← 목록으로

Focus Timer

포모도로 집중 타이머 · 일간/주간 통계 대시보드

프로젝트 정보

진행 날짜2026.05.11
역할기획 · UI 구조 설계 · React 구현
핵심 키워드
포모도로PIP 위젯집중 통계

소개

집중 시간과 휴식 시간을 간단하게 관리하면서, 하루 동안 얼마나 몰입했는지 돌아볼 수 있는 타이머를 만들고자 했습니다.

결과 미리보기

focustimer1.netlify.app
집중 타이머와 일간·주간 통계를 한 화면에서 확인할 수 있는 실제 배포 페이지입니다.

핵심 목표

집중·짧은 휴식·긴 휴식 모드와 세션 기록을 하나의 흐름으로 연결하고, 일간·주간 통계까지 확장

구현 방식

타이머 상태와 기록의 로컬 저장 설계, 세션 전환·설정·통계를 한 화면에서 빠르게 확인하는 우선순위 정리

구현 결과

글래스모피즘 대시보드에 타이머·PIP 위젯·일간·주간 통계·최근 35일 집중 히트맵 구현

배운 점

PIP 대신 무설치 위젯 구현을 시도했지만 바이러스로 오인되거나 오류가 빈번해 완성하지 못한 점이 아쉬웠습니다. 안정적인 방식으로 나중에 다시 도전할 예정입니다.