| 차시 |
내용 |
| 1차시 |
[1] 1. UI 변경하여 다른 스타일로 Todo App 개발하기(1) - 개요 |
| 2차시 |
[2] 2. UI 변경하여 다른 스타일로 Todo App 개발하기(2) - 디자인 |
| 3차시 |
[3] 3. UI 변경하여 다른 스타일로 Todo App 개발하기(3) - 구현할 함수들 정리 |
| 4차시 |
[4] 4. UI 변경하여 다른 스타일로 Todo App 개발하기(4) - 출력 |
| 5차시 |
[5] 5. UI 변경하여 다른 스타일로 Todo App 개발하기(5) - 추가 삭제 함수 구현1 |
| 6차시 |
[6] 6. UI 변경하여 다른 스타일로 Todo App 개발하기(6) - 체크박스 |
| 7차시 |
[7] 7. UI 변경하여 다른 스타일로 Todo App 개발하기(7) - 완료 개수 숫자 처리 |
| 8차시 |
[8] 8. UI 변경하여 다른 스타일로 Todo App 개발하기(8) - 완료된 할 일만 보기 |
| 9차시 |
[9] 9. UI 변경하여 다른 스타일로 Todo App 개발하기(9) - 초기화1 |
| 10차시 |
[10] 10. UI 변경하여 다른 스타일로 Todo App 개발하기(10) - 초기화2 |
| 11차시 |
[11] 11. UI 변경하여 다른 스타일로 Todo App 개발하기(11) - 체크시 실제 쓰기 금지 안되게끔 구현 |
| 12차시 |
[12] 12. UI 변경하여 다른 스타일로 Todo App 개발하기(12) - 완료 미완료 항목들 구분하여 출력 |
| 13차시 |
[13] 13. UI 변경하여 다른 스타일로 Todo App 개발하기(13) - each문에서 배열 값 바로 필터링 - 개념 |
| 14차시 |
[14] 14. UI 변경하여 다른 스타일로 Todo App 개발하기(14) - each문에서 배열 값 바로 필터링 - 실습 |
| 15차시 |
[15] 15. 스벨트 스토어(Store) 개념과 종류 |
| 16차시 |
[16] 16. 스벨트 스토어(Store) 사용법1 |
| 17차시 |
[17] 17. 스벨트 스토어(Store) 사용법2 - 컴포넌트쪽에서 사용하기 |
| 18차시 |
[18] 18. 스벨트 스토어(Store) 사용법3 - 스토어 값 변경 및 단축 표현 사용하기 |
| 19차시 |
[19] 19. 스토어(Store) 배열 사용법1 - 기본 |
| 20차시 |
[20] 20. 스토어(Store) 배열 사용법2 - 반복 출력시 주의사항1 |
| 21차시 |
[21] 21. 스토어(Store) 배열 사용법3 - 반복 출력시 주의사항2 |
| 22차시 |
[22] 22. 스토어 바인딩 예제 만들기1 - 개념 |
| 23차시 |
[23] 23. 스토어 바인딩 예제 만들기2 - 수동 구독하여 update 메서드로 값 변경하기 |
| 24차시 |
[24] 24. 스토어 바인딩 예제 만들기3 - 삼항연산자로 버튼 비활성화 시키기 |
| 25차시 |
[25] 25. 스토어 바인딩 예제 만들기4 - 자동 구독으로 마이너스 버튼 만들기 |
| 26차시 |
[26] 26. 스벨트 스토어 기반의 Todo App 만들기1 |
| 27차시 |
[27] 27. 스벨트 스토어 기반의 Todo App 만들기2 |
| 28차시 |
[28] 28. 스벨트에서 Promise와 await 블록 사용하는 방법 - 개념 |
| 29차시 |
[29] 29. 스벨트에서 Promise와 await 블록 사용하는 방법 - 실습 |
| 30차시 |
[30] 30. 스벨트에서 Fetch로 서버 데이터 가져오기 with JSON Placeholder |
| 31차시 |
[31] 31. 스벨트 로컬 설치 가이드 및 마무리 끝인사 |
