firebase를 활용한 to-do list 웹페이지를 만들어 보았다.

웹페이지 경로

• https://simple-todolist.firebaseapp.com/

사용언어, 플랫폼

• HTML/CSS
• Javascript
• firebase¹
• 화면 UI : materialize ui framework

어려웠던 점

• 모든 유저에게 디폴트로 안내 to-do list를 표시하는 부분
  • 로그인시에 push() 메소드를 통해 안내 내용을 DB로 추가하여 표시
  • 매번 로그인시 안내 내용이 중복으로 추가되는 문제 발생 (해결필요)
• 화면을 새로고침 해도 to-do list의 체크박스의 상태가 초기화 되지 않도록 유지
  • DB에서 가져온 특정 체크박스를 자바스크립트, jQuery로 잡아내지 못하는 문제 발생
  • DB에서 화면에 체크박스를 뿌리는 부분에 코드를 넣어서 해결
  • 해당 코드에 대한 충분한 이해 필요
• 체크박스 체크시 해당 레이블 텍스트에 취소선 표시
  • CSS로 해결

개선하고 싶은 점

• 모바일 화면 적용
• 안내문구 중복 표시 수정