SUPER0214T / Heatmap-project

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

기상시간/취침시간 기록 그래프

목적과 동기

목적

  • 기상 시간과 취침 시간을 기록하여 자신의 생활 패턴을 확인할 수 있도록 돕기 위하여 제작하게 되었습니다.

동기

너무 늦게 자거나 늦게 일어나는 습관을 바꾸고 싶었습니다.

처음에는 기상 시간과 취침 시간만을 글로 기록했습니다. 기상/취침 시간을 확인할 수는 있었지만 비교하기에 편하지 않았습니다. 그래서 "그래프를 그려보자!"라고 생각하게 되었습니다.

노트에 직접 그래프를 그려서 기상/취침 시간을 기록하였습니다.

그리고 어제보다 빨리 자고, 빨리 일어나는 그래프를 보니 동기부여가 되었습니다.

문제는 그래프의 칸을 다 사용하면 그래프를 새로 그려야 한다는 것이었고 그것이 귀찮아서 도중에 기록을 하지 않게 되었습니다.

"좋은 행동들은 더 하기 쉽게, 나쁜 행동들은 하기 어렵게 만드는 환경을 마련해야 한다"라는 책의 문구가 떠올랐고 그래프를 그리는 것만 해결된다면 계속해서 기록을 하고, 동기부여를 얻을 것이라고 생각했습니다.

또한, 기록 그래프를 만들면 저에게도 도움이 되지만 다른 이들에게도 도움이 되리라고 생각했기에 제작을 결심하였습니다.

사용방법

  1. 시간을 입력하신 후 시간 입력/수정 버튼을 눌렀을 때 최초 입력 시에는 추가가 되고 최초가 아니라면 수정이 됩니다.
  2. 당일에는 기상/취침 시간을 삭제 또는 수정할 수 있습니다.
  3. 평균 기상 시간은 한 달을 평균으로 계산한 것이고, 매일 입력한 값에 따라 평균 시간이 계산됩니다.
  4. 매월 1일에 해당 월의 그래프가 새로 생성됩니다.
  5. 매월 1일이 되면 이전 달의 그래프에 데이터를 추가/변경할 수 없습니다.

About


Languages

Language:TypeScript 95.8%Language:HTML 3.8%Language:JavaScript 0.4%