Svelte Material Todos (1)

시작

• Svelte Material UI를 적용하여, Todo를 만들어 본다.
• SMUI를 사용하고, Back-End는 없이 단순희 Todo 기능만 구현한다.
• https://github.com/MadfishDT/svelte-basic/tree/master/todo
• Code 설명은  2편에서..

GitHub - MadfishDT/svelte-basic: svelte type script example

 

구조

기본 구조

• 기본은 위와 같은 각 카드 리스트 형태
  • 제목
  • 내용
  • 날짜
  • favorite
  • 완료 체크
• 팝업으로 새로운 아이템을 생성 한다.
• 현재 Github에 공유된 코드는 새로운 아이템(todo) 생성까지 구현되어 있습니다.
  • TodoList: TodoCard를 리스트로 뿌려준다.
  • TodCard: Todo정보를 뿌려준다.
  • NewDialog:Todo를 생성한다.