GyuSpace
프로젝트 목록으로PROJECT

규멘텀

사용자의 집중력 향상과 효율적인 일정 관리를 돕는 뽀모도로 기반의 생산성 웹 대시보드.

개발 기간
2주
2026.03.04 ~ 2026.03.20
사용 기술
3개
JavaScript · HTML · CSS

사용 기술

  • JavaScript
  • HTML
  • CSS

기술 스택

  • HTML5
  • CSS
  • Javascript
  • localStorage
  • OpenWeatherMap
  • Netlify

주요 기능

  • 실시간 시계 — 12시간 / 24시간제 토글 (localStorage 저장)
  • 시간대별 인사말 — 아침 / 오후 / 저녁 인사말 + 사용자 이름
  • To-Do 리스트 — 추가 · 완료 체크 · 수정 · 삭제 · 전체 토글 (localStorage, 오늘 날짜 기준)
  • Pomodoro 타이머 — 집중(25분) ↔ 휴식(5분), 시간 조절, 시작/일시정지/리셋, 알람(8초 자동 종료), 무소음 모드 (시간 디스플레이 깜빡임)
  • 실시간 날씨 — OpenWeatherMap API 연동 (현재 위치 기반 온도 / 날씨 표시)
  • 랜덤 배경 이미지 — 매 로드마다 바뀌는 고화질 사진 (img/ 폴더 12장)
  • 랜덤 Quote 출력 — 하단에 매 로드마다 바뀌는 명언 출력
  • 반응형 — 모바일에서도 편안하게 사용 가능

스크린샷

Image

Image

Image

깃허브 URL

레포지토리: 🔗 https://github.com/gyucito/momentum

배포 URL

배포: 🔗 https://gyumentum.netlify.app/