닫기
과정 구분
과정 카테고리
태그
검색어
[HD]Svelte(스벨트) 프로그래밍 제대로 배우기 (활용) Part.1 스벨트 Todo App 개발하기 - 전반부 과정이미지

[HD]Svelte(스벨트) 프로그래밍 제대로 배우기 (활용) Part.1 스벨트 Todo App 개발하기 - 전반부

교육기간
30일
강의구성
18차시
  • 과정 [HD]Svelte(스벨트) 프로그래밍 제대로 배우기 (활용) Part.1 스벨트 Todo App 개발하기 - 전반부 0

판매금액 배송금액 할인금액

총 결제금액

기본 정보

학습기간
4주
총 시간
7.0시간
차시수
18차시
개발년월
202303
내용전문가
김동준
NCS분류
20010202:응용SW엔지니어링

과정 소개

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

학습 대상

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

학습 목표

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

강의목차(총 18강)

1. 1. Svelte Todo App 만들기(1) - UI 25분

2. 2. Svelte Todo App 만들기(2) - 입력 구현 시 체크사항 30분

3. 3. Svelte Todo App 만들기(3) - 전체삭제 vs 키보드 이벤트 31분

4. 4. Svelte Todo App 만들기(4) - this 바인딩 - 개념이해 16분

5. 5. Svelte Todo App 만들기(5) - this 바인딩 - 실습 26분

6. 6. Svelte Todo App 만들기(6) - this 바인딩 - onMount 라이프사이클 19분

7. 7. Svelte Todo App 만들기(7) - 하위 컴포넌트 구현 28분

8. 8. Svelte Todo App 만들기(8) - Props 30분

9. 9. Svelte Todo App 만들기(9) - 추가 Props 23분

10. 10. Svelte Todo App 만들기(10) - UI 디자인 구현 with CSS 코딩1 30분

11. 11. Svelte Todo App 만들기(11) - UI 디자인 구현 with CSS 코딩2 - 체크박스 커스터마이징 30분

12. 12. Svelte Todo App 만들기(12) - UI 디자인 구현 with CSS 코딩3 - 체크박스 마무리 24분

13. 13. Svelte Todo App 만들기(13) - UI 디자인 구현 with CSS 코딩4 - 버튼 디자인 18분

14. 14. Svelte Todo App 만들기(14) - UI 디자인 구현 with CSS 코딩5 - 취소선 넣기 9분

15. 15. Svelte Todo App 만들기(15) - 기존 코드 수정1 23분

16. 16. Svelte Todo App 만들기(16) - 기존 코드 수정2 - 기본 데이터 삽입 및 todoId 값 증가 20분

17. 17. Svelte Todo App 만들기(17) - 기존 코드 수정3 - UI 디자인 구현한거 붙이기 25분

18. 18. Svelte Todo App 만들기(18) - 기존 코드 수정4 - 취소선 구현 및 전체삭제 수정 28분

퀵배너