[HD]Svelte(스벨트) 프로그래밍 제대로 배우기 (입문) Part.3 스벨트 REPL에서 실습하는 주요 문법
과정 소개 |
본 과정은 프런트엔드 최신 기술인 스벨트 프로그래밍 입문과 활용 과정에 대해서 학습합니다. |
학습 대상 |
프런트엔드 기술들중 하나인 Svelte 기반으로 프런트엔드 구현을 학습해보고자 하는 학습자 |
학습 목표 |
프런트엔드 컴파일러를 표방하는 새로운 프런트엔드 최신 기술인 스벨트 프로그래밍 전반에 필요한 제반 사항을 학습합니다. |
교수 소개 |
김동준 |
교재 정보 |
|
학습내용
차시 |
내용 |
1차시 |
[1] 1. slice vs splice 함수 차이점과 특징 그리고 주의점 |
2차시 |
[2] 2. slice vs splice 함수 차이점과 특징 그리고 주의점 - 실습1 |
3차시 |
[3] 3. slice vs splice 함수 차이점과 특징 그리고 주의점 - 실습2 |
4차시 |
[4] 4. slice vs splice 함수 차이점과 특징 그리고 주의점 - 확인문제 점검 |
5차시 |
[5] 5. 음료 주문 폼 출력함수 만들어 출력시키기1 |
6차시 |
[6] 6. 음료 주문 폼 출력함수 만들어 출력시키기2 |
7차시 |
[7] 7. 체크박스 전체선택 vs 전체해제 구현 - 전체해제 |
8차시 |
[8] 8. 체크박스 전체선택 vs 전체해제 구현 - 전체선택 |
9차시 |
[9] 9. 전체선택 버튼을 체크박스로 바꾸기 |
10차시 |
[10] 10. 한 개씩 체크박스 클릭할 때도 전체선택과 해제 동시에 동작하도록 수정하기 |
11차시 |
[11] 11. Modern JS - 나머지 매개변수 문법의 다양한 쓰임새 |
12차시 |
[12] 12. Modern JS - 스프레드 연산자의 다양한 쓰임새1 |
13차시 |
[13] 13. Spread Operator vs Concat Combine 비교1 - 배열 생성법 |
14차시 |
[14] 14. Spread Operator vs Concat Combine 비교2 - concat 기본사용법 |
15차시 |
[15] 15. Spread Operator vs Concat Combine 비교3 - 여러 객체 정보 합치는 방법 |
16차시 |
[16] 16. Spread Operator vs Concat Combine 비교4 - forEach |
17차시 |
[17] 17. Spread Operator vs Concat Combine 비교5 - concat |
18차시 |
[18] 18. Spread Operator vs Concat Combine 비교6 - Spread Operator |
19차시 |
[19] 19. Spread Operator 깊은복사가 잘 되어졌는지에 대한 고찰 |
20차시 |
[20] 20. 문법 헷갈리는 점 - 나머지 매개변수로 배열을 받는 경우 - 개념 |
21차시 |
[21] 21. 문법 헷갈리는 점 - 나머지 매개변수로 배열을 받는 경우 - 실습 |
|
평가기준
평가항목 |
진도율 |
시험 |
과제 |
진행단계평가 |
수료기준 |
평가비율 |
- |
0% |
0% |
0% |
- |
수료조건 |
100% 이상 |
0점 이상 |
0점 이상 |
0점 이상 |
0점 이상 |
|