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

오늘한일

1. button css 작업

• 총 3가지 종류의 button class 만들고 재사용

2. 모달창 열었을 때 뒤에 배경 어둡게 설정

GitHub commit

습관 색깔 설정하는 부분에서 헤메이다가 튜터쌤의 조언받고 코딩작업 다시 start 😄

3. 습관 색깔 적용

• 일단 로그인 화면에서 습관만들때 color 이름이 db에 저장되도록 설정
• db 정보를 받아와서 해당 습관 div에 class 이름에 color 정보추가

<div id="external-events">
  {% for habit in habits %}
  <div class="fc-event {{habit.color}}">{{ habit.habit }}</div>
  {% endfor %}
</div>        

• css 노가다: 모든 색에 대하여 css 설정

.fc-event.burgendy {
	border: 1px solid #881d1d;
	background-color: #881d1d;
}

• 적용된 화면
  
• 습관추가 모달창과 습관수정 모달창에 color 선택기능 추가
  • 습관수정 모달창
    - 소소한 기능: 원래 설정한 습관이름과 색상이 보이도록 설정
    - 삭제버튼: 달력에 저장된 습관정보들까지 모두 지워지도록 설정
    - 저장기능: 색상변경하면, 기존에 달력에 저장되어있던 해당습관 색도 바뀜
    

4. 구현된 화면

GitHub commit

내일할일

1. 대망의 css 작업

2. Chart

• chart 색깔: (혹시나 가능하다면) 습관에 설정된 색깔과 같게 설정하기
• 통계값 없을때 alert