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