todoList_assignment

노마드 코더 강의를 활용한 투두리스트 만들기

1. 필요한 기능

• 현재 시간
• 생산적 시간 측정 : 계획이나 의도에 맞게 생산적으로 보낸 시간 측정할 수 있도록 하기
• 비생산적 시간 측정 : 아무런 계획이나 의도없이 흘러가버린 시간도 측정할 수 있어야 한다.
• 투두 리스트 (스스로 투자용, 해야할 일 용)

2. 기능 추가 설명

• 의도없이 보낸 시간 측정 생각없이 흘린 시간을 측정하고 시각화한다.
  
  1. 보통 시간을 의식없이 흘려버린 것은, 상황을 인지하고 나서야 알아차린다
  • 미리 쓸 시간에 대한 입력을 하지 않고 측정 이후 한 일을 입력하게 한다.
  • 이 시간에 대한 측정은 start버튼을 누르지 않은 기간을 재는 것으로 한다

css

[ ] 그림자 효과 생각하기 [ X ] 뒤의 스크린이 시간에 따라서 내려오는 것 생각해보기

• 남아있는 시간을 좀 더 시각적으로 와닿게 구현하기 위함
• 투명도 조금만 높여서 좀 더 진하게 보이게 할 것

js

• css와 js까지 로드 되어야 페이지가 렌더링 되도록 수정해보기
  js로 조절되는 효과가 느리게 로드 되어 화면 렌더링이 현재 깔끔하지 않음(특히 시계 스크린 내려오는 부분과 랜덤 배경화면 부분)