[스파르타7기] 개발일지9 - 2020.04.28

오늘한일

1. refresh해도 보고있던 월(month)이 보이도록 설정

1-1. 문제점

• 현재 month가 아닌 다른 month에 습관을 등록해도, 현재 month로 이동하는 문제 발생

1-2. 해결방안

• 달력 상단의 " < " 나 " > " 버튼을 누르면, 보고있는 달력의 month title을 sessionStorage에 저장
• sessionStroage에 값이 있을때, 그 정보(보고있던 월)를 불러오도록 설정

  localStorage: 영구히 값이 저장됨
  sesstionStorage: 세션이 진행되는 동안에만 값이 저장됨

GitHub commit

2. 달력화면 상단에 button 2개 추가

• HOME: 초기 페이지로 돌아감(로그아웃과 비슷한 기능)
• TODAY: 오늘 날짜가 있는 월(month)로 돌아감
  • 이 버튼을 눌러도 sessionStorage에 month 정보가 저장되도록 함
• 구현된 화면
  

3. 로그인할때, 이메일 형식 체크

• 이메일형식이 아니면, email input 아래에 에러메세지 등장시킴
• 올바른 email 형식이어야, 등록 가능함
• 구현된 화면
  

GitHub commit

4. habit 수정하거나 새로 등록할때 이름 길이 제한

4-1. 문제점

• 빈칸으로 habit을 등록해도 빈 박스로 habit이 등록되는 문제가 발생했음

4-2. 해결방안

• 이름 길이를 1글자 이상 8글자 이하로 제한함
• 이름 길이가 1글자 이상 8글자 이하일때에만 수정/등록 가능함
• input 아래에 에러메세지 등장시킴
• 구현된 화면
  

GitHub commit

5. Chart 화면

5-1. 선택한 월(month)에 습관이 없다면, 문구 보이게 설정

5-2. 월(month) 선택을 바꾸었을때, 해당 월에 습관이 있다면 차트 재로딩되도록 설정

GitHub commit

끝...인줄 알았으나 😢
2019년 12월의 습관과 2020년 12월의 습관을 같이 차트에 출력하는 문제발생🤦🏻‍♀️

5-3. 연도 선택기능 추가

• 일단.. 2020년, 2021년, 2022년 3개만 선택가능하도록 함
• 구현은 잘되나 콘솔창에 에러가 자꾸 뜸 💢

GitHub commit

느낀점

1. 무한루프에 빠진듯한 느낌.. 왜 자꾸 버그들이 눈에 보이는 것인가
2. 해결못한 에러는 내일 다시 건드려봐야겠다. 눈도 침침해지고 더이상 집중이 안된다
3. 그래도 뿌듯함..👍🏻😃😍