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

과정 소개

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

강의 대상

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

강의 목표

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

학습 내용

1. 섹션 1
   1. Svelte Todo App 만들기(1) - UI
   2. Svelte Todo App 만들기(2) - 입력 구현 시 체크사항
   3. Svelte Todo App 만들기(3) - 전체삭제 vs 키보드 이벤트
   4. Svelte Todo App 만들기(4) - this 바인딩 - 개념이해
2. 섹션 2
   1. Svelte Todo App 만들기(5) - this 바인딩 - 실습
   2. Svelte Todo App 만들기(6) - this 바인딩 - onMount 라이프사이클
   3. Svelte Todo App 만들기(7) - 하위 컴포넌트 구현
   4. Svelte Todo App 만들기(8) - Props
3. 섹션 3
   1. Svelte Todo App 만들기(9) - 추가 Props
   2. Svelte Todo App 만들기(10) - UI 디자인 구현 with CSS 코딩1
   3. Svelte Todo App 만들기(11) - UI 디자인 구현 with CSS 코딩2 - 체크박스 커스터마이징
   4. Svelte Todo App 만들기(12) - UI 디자인 구현 with CSS 코딩3 - 체크박스 마무리
4. 섹션 4
   1. Svelte Todo App 만들기(13) - UI 디자인 구현 with CSS 코딩4 - 버튼 디자인
   2. Svelte Todo App 만들기(14) - UI 디자인 구현 with CSS 코딩5 - 취소선 넣기
   3. Svelte Todo App 만들기(15) - 기존 코드 수정1
   4. Svelte Todo App 만들기(16) - 기존 코드 수정2 - 기본 데이터 삽입 및 todoId 값 증가
5. 섹션 5
   1. Svelte Todo App 만들기(17) - 기존 코드 수정3 - UI 디자인 구현한거 붙이기
   2. Svelte Todo App 만들기(18) - 기존 코드 수정4 - 취소선 구현 및 전체삭제 수정

교강사

훈련 비용

과정 후기