일반교육과정
-
IT
[HD]Svelte(스벨트) 프로그래밍 제대로 배우기 (입문) Part.2 Form 바인딩
훈련등급 : A 등급
PC 모바일총 26차시 / 26시간 교육과정
김동준 강사
수료기준 및 수강정원
수강정원 총진도율 중간평가 최종평가 과제 3,000 명 80% 이상 총 0점 /
0% 반영총 0점 /
0% 반영총 0점 /
0% 반영반영된 평가 합산 0점 이상
교육비 안내
교육비 환급 : 우선지원 기업 환급 : 대규모
(1,000인 미만)환급 : 대규모
(1,000인 이상)83,200 원 0 원 0 원 0 원
- 과정소개
- 강의목차
- 학습후기
과정소개
본 과정은 프런트엔드 최신 기술인 스벨트 프로그래밍 입문과 활용 과정에 대해서 학습합니다.과정목표
프런트엔드 컴파일러를 표방하는 새로운 프런트엔드 최신 기술인 스벨트 프로그래밍 전반에 필요한 제반 사항을 학습합니다.학습대상
프런트엔드 기술들중 하나인 Svelte 기반으로 프런트엔드 구현을 학습해보고자 하는 학습자강의목차
- 1 . 1. 바인딩 - 개념
- 2 . 2. 바인딩 - Text 양방향 바인딩
- 3 . 3. 바인딩 - Input 숫자 값 바인딩 - 실습1
- 4 . 4. 바인딩 - Input 숫자 값 바인딩 - 실습2
- 5 . 5. X, Y 좌표를 조정하여 박스 위치 시키기 - 전체적인 흐름 이해하기
- 6 . 6. X, Y 좌표를 조정하여 박스 위치 시키기 - 실습1
- 7 . 7. X, Y 좌표를 조정하여 박스 위치 시키기 - 실습2
- 8 . 8. 바인딩 - Checkbox 단일 선택을 이용한 단어 맞추기1
- 9 . 9. 바인딩 - Checkbox 단일 선택을 이용한 단어 맞추기2
- 10 . 10. 바인딩 - Radio Button 단일 선택1 - 주문 선택
- 11 . 11. 바인딩 - Radio Button 단일 선택2 - 주문서 제출 전체 흐름 파악하기
- 12 . 12. 바인딩 - Radio Button 단일 선택3 - 실습 마무리
- 13 . 13. 바인딩 - Radio Button 단일 선택4 - ES6 문법으로 전달하는 값 모두 받기
- 14 . 14. 바인딩 - Checkbox 다중 선택1 - 체크박스 양방향 바인딩
- 15 . 15. 바인딩 - Checkbox 다중 선택2 - 실습
- 16 . 16. 바인딩 - Checkbox 다중 선택3 - 삼항연산자로 주문서 제출
- 17 . 17. 바인딩 - Checkbox 다중 선택4 - 템플릿 문법 쓰지않고 if 조건 처리
- 18 . 18. 바인딩 - Checkbox 다중 선택5 - 중복제거, HTML적용, 갯수출력, 기본값, 한 번만 클릭되게
- 19 . 19. 체크박스로 주문 구현 시 한 번쯤은 생각해봐야 하는 주문 상황들
- 20 . 20. 음료 주문 폼 시스템 스벨트 문법으로 구현하기(1) - 개요
- 21 . 21. 음료 주문 폼 시스템 스벨트 문법으로 구현하기(2) - 디테일한 구현사항들 체크
- 22 . 22. 음료 주문 폼 시스템 스벨트 문법으로 구현하기(3) - 미리보기 및 디자인 코딩
- 23 . 23. 음료 주문 폼 시스템 스벨트 문법으로 구현하기(4) - 스크립트 코딩1 - 라디오버튼
- 24 . 24. 음료 주문 폼 시스템 스벨트 문법으로 구현하기(5) - 스크립트 코딩2 - 체크박스
- 25 . 25. 음료 주문 폼 시스템 스벨트 문법으로 구현하기(6) - 스크립트 코딩3 - 쿠폰 조건 비교
- 26 . 26. 음료 주문 폼 시스템 스벨트 문법으로 구현하기(7) - 스크립트 코딩4 - 주문서 출력 마무리
학습후기