 프로그래밍 제대로 배우기 (활용) Part.1 스벨트 Todo App 개발하기 - 전반부.jpg "[HD]Svelte(스벨트) 프로그래밍 제대로 배우기 (활용) Part.1 스벨트 Todo App 개발하기 - 전반부")
[HD]Svelte(스벨트) 프로그래밍 제대로 배우기 (활용) Part.1 스벨트 Todo App 개발하기 - 전반부
| 강사명 | 차시 | 학습시간 | 샘플 |
|---|---|---|---|
| 김동준 | 18 | 7 시간 |
모두보기
과정소개
학습대상
학습목표
학습내용
| 본 과정은 프런트엔드 최신 기술인 스벨트 프로그래밍 입문과 활용 과정에 대해서 학습합니다. |
| 프런트엔드 기술들중 하나인 Svelte 기반으로 프런트엔드 구현을 학습해보고자 하는 학습자 |
| 프런트엔드 컴파일러를 표방하는 새로운 프런트엔드 최신 기술인 스벨트 프로그래밍 전반에 필요한 제반 사항을 학습합니다. |
| 1. Svelte Todo App 만들기(1) - UI 2. Svelte Todo App 만들기(2) - 입력 구현 시 체크사항 3. Svelte Todo App 만들기(3) - 전체삭제 vs 키보드 이벤트 4. Svelte Todo App 만들기(4) - this 바인딩 - 개념이해 5. Svelte Todo App 만들기(5) - this 바인딩 - 실습 6. Svelte Todo App 만들기(6) - this 바인딩 - onMount 라이프사이클 7. Svelte Todo App 만들기(7) - 하위 컴포넌트 구현 8. Svelte Todo App 만들기(8) - Props 9. Svelte Todo App 만들기(9) - 추가 Props 10. Svelte Todo App 만들기(10) - UI 디자인 구현 with CSS 코딩1 11. Svelte Todo App 만들기(11) - UI 디자인 구현 with CSS 코딩2 - 체크박스 커스터마이징 12. Svelte Todo App 만들기(12) - UI 디자인 구현 with CSS 코딩3 - 체크박스 마무리 13. Svelte Todo App 만들기(13) - UI 디자인 구현 with CSS 코딩4 - 버튼 디자인 14. Svelte Todo App 만들기(14) - UI 디자인 구현 with CSS 코딩5 - 취소선 넣기 15. Svelte Todo App 만들기(15) - 기존 코드 수정1 16. Svelte Todo App 만들기(16) - 기존 코드 수정2 - 기본 데이터 삽입 및 todoId 값 증가 17. Svelte Todo App 만들기(17) - 기존 코드 수정3 - UI 디자인 구현한거 붙이기 18. Svelte Todo App 만들기(18) - 기존 코드 수정4 - 취소선 구현 및 전체삭제 수정 |