[HD]Svelte(스벨트) 프로그래밍 제대로 배우기 (입문) Part.2 Form 바인딩

[HD]Svelte(스벨트) 프로그래밍 제대로 배우기 (입문) Part.2 Form 바인딩

50,000원
  • 지원유형
    • 평생교육바우처
  • 학습기간
    수료여부 관계없이 복습 12개월 추가 제공
  • 수료기준 진도 80% 이상
주문금액
50,000원
연관강의

comment

다양한 입력 요소의 양방향 바인딩을 통해 Svelte의 폼 처리 방법을 배웁니다.

미리보기
학습방법 : HTML5 ( PC
, 스마트폰, 타블렛
)
학습시간 : 10시간 26차시
난이도 : 입문
강의목표

프런트엔드 컴파일러를 표방하는 새로운 프런트엔드 최신 기술인 스벨트 프로그래밍 전반에 필요한 제반 사항을 학습합니다.

강의소개

본 과정은 프런트엔드 최신 기술인 스벨트 프로그래밍 입문과 활용 과정에 대해서 학습합니다.

학습대상

프런트엔드 기술들중 하나인 Svelte 기반으로 프런트엔드 구현을 학습해보고자 하는 자

수료기준
필수평가 : 진도 (80% 이상)
총점 80 점 이상시 수료
학습목차
[HD]Svelte(스벨트) 프로그래밍 제대로 배우기 (입문) Part.2 Form 바인딩
1. 바인딩 - 개념
15 분
2. 바인딩 - Text 양방향 바인딩
20 분
3. 바인딩 - Input 숫자 값 바인딩 - 실습1
25 분
4. 바인딩 - Input 숫자 값 바인딩 - 실습2
10 분
5. X, Y 좌표를 조정하여 박스 위치 시키기 - 전체적인 흐름 이해하기
16 분
6. X, Y 좌표를 조정하여 박스 위치 시키기 - 실습1
25 분
7. X, Y 좌표를 조정하여 박스 위치 시키기 - 실습2
28 분
8. 바인딩 - Checkbox 단일 선택을 이용한 단어 맞추기1
31 분
9. 바인딩 - Checkbox 단일 선택을 이용한 단어 맞추기2
20 분
10. 바인딩 - Radio Button 단일 선택1 - 주문 선택
27 분
11. 바인딩 - Radio Button 단일 선택2 - 주문서 제출 전체 흐름 파악하기
17 분
12. 바인딩 - Radio Button 단일 선택3 - 실습 마무리
22 분
13. 바인딩 - Radio Button 단일 선택4 - ES6 문법으로 전달하는 값 모두 받기
23 분
14. 바인딩 - Checkbox 다중 선택1 - 체크박스 양방향 바인딩
30 분
15. 바인딩 - Checkbox 다중 선택2 - 실습
29 분
16. 바인딩 - Checkbox 다중 선택3 - 삼항연산자로 주문서 제출
18 분
17. 바인딩 - Checkbox 다중 선택4 - 템플릿 문법 쓰지않고 if 조건 처리
19 분
18. 바인딩 - Checkbox 다중 선택5 - 중복제거, HTML적용, 갯수출력, 기본값, 한 번만 클릭되게
21 분
19. 체크박스로 주문 구현 시 한 번쯤은 생각해봐야 하는 주문 상황들
16 분
20. 음료 주문 폼 시스템 스벨트 문법으로 구현하기(1)
7 분
21. 음료 주문 폼 시스템 스벨트 문법으로 구현하기(2)
14 분
22. 음료 주문 폼 시스템 스벨트 문법으로 구현하기(3)
27 분
23. 음료 주문 폼 시스템 스벨트 문법으로 구현하기(4)
21 분
24. 음료 주문 폼 시스템 스벨트 문법으로 구현하기(5)
15 분
25. 음료 주문 폼 시스템 스벨트 문법으로 구현하기(6)
30 분
26. 음료 주문 폼 시스템 스벨트 문법으로 구현하기(7)
15 분