| 차시 |
내용 |
| 1차시 |
[1] 1. 바인딩 - 개념 |
| 2차시 |
[2] 2. 바인딩 - Text 양방향 바인딩 |
| 3차시 |
[3] 3. 바인딩 - Input 숫자 값 바인딩 - 실습1 |
| 4차시 |
[4] 4. 바인딩 - Input 숫자 값 바인딩 - 실습2 |
| 5차시 |
[5] 5. X, Y 좌표를 조정하여 박스 위치 시키기 - 전체적인 흐름 이해하기 |
| 6차시 |
[6] 6. X, Y 좌표를 조정하여 박스 위치 시키기 - 실습1 |
| 7차시 |
[7] 7. X, Y 좌표를 조정하여 박스 위치 시키기 - 실습2 |
| 8차시 |
[8] 8. 바인딩 - Checkbox 단일 선택을 이용한 단어 맞추기1 |
| 9차시 |
[9] 9. 바인딩 - Checkbox 단일 선택을 이용한 단어 맞추기2 |
| 10차시 |
[10] 10. 바인딩 - Radio Button 단일 선택1 - 주문 선택 |
| 11차시 |
[11] 11. 바인딩 - Radio Button 단일 선택2 - 주문서 제출 전체 흐름 파악하기 |
| 12차시 |
[12] 12. 바인딩 - Radio Button 단일 선택3 - 실습 마무리 |
| 13차시 |
[13] 13. 바인딩 - Radio Button 단일 선택4 - ES6 문법으로 전달하는 값 모두 받기 |
| 14차시 |
[14] 14. 바인딩 - Checkbox 다중 선택1 - 체크박스 양방향 바인딩 |
| 15차시 |
[15] 15. 바인딩 - Checkbox 다중 선택2 - 실습 |
| 16차시 |
[16] 16. 바인딩 - Checkbox 다중 선택3 - 삼항연산자로 주문서 제출 |
| 17차시 |
[17] 17. 바인딩 - Checkbox 다중 선택4 - 템플릿 문법 쓰지않고 if 조건 처리 |
| 18차시 |
[18] 18. 바인딩 - Checkbox 다중 선택5 - 중복제거, HTML적용, 갯수출력, 기본값, 한 번만 클릭되게 |
| 19차시 |
[19] 19. 체크박스로 주문 구현 시 한 번쯤은 생각해봐야 하는 주문 상황들 |
| 20차시 |
[20] 20. 음료 주문 폼 시스템 스벨트 문법으로 구현하기(1) - 개요 |
| 21차시 |
[21] 21. 음료 주문 폼 시스템 스벨트 문법으로 구현하기(2) - 디테일한 구현사항들 체크 |
| 22차시 |
[22] 22. 음료 주문 폼 시스템 스벨트 문법으로 구현하기(3) - 미리보기 및 디자인 코딩 |
| 23차시 |
[23] 23. 음료 주문 폼 시스템 스벨트 문법으로 구현하기(4) - 스크립트 코딩1 - 라디오버튼 |
| 24차시 |
[24] 24. 음료 주문 폼 시스템 스벨트 문법으로 구현하기(5) - 스크립트 코딩2 - 체크박스 |
| 25차시 |
[25] 25. 음료 주문 폼 시스템 스벨트 문법으로 구현하기(6) - 스크립트 코딩3 - 쿠폰 조건 비교 |
| 26차시 |
[26] 26. 음료 주문 폼 시스템 스벨트 문법으로 구현하기(7) - 스크립트 코딩4 - 주문서 출력 마무리 |
