강사명 | 차시 | 학습시간 | 샘플 |
---|---|---|---|
김동준 | 31 | 12 시간 |
본 과정은 프런트엔드 최신 기술인 스벨트 프로그래밍 입문과 활용 과정에 대해서 학습합니다. |
프런트엔드 기술들중 하나인 Svelte 기반으로 프런트엔드 구현을 학습해보고자 하는 학습자 |
프런트엔드 컴파일러를 표방하는 새로운 프런트엔드 최신 기술인 스벨트 프로그래밍 전반에 필요한 제반 사항을 학습합니다. |
1. UI 변경하여 다른 스타일로 Todo App 개발하기(1) - 개요 2. UI 변경하여 다른 스타일로 Todo App 개발하기(2) - 디자인 3. UI 변경하여 다른 스타일로 Todo App 개발하기(3) - 구현할 함수들 정리 4. UI 변경하여 다른 스타일로 Todo App 개발하기(4) - 출력 5. UI 변경하여 다른 스타일로 Todo App 개발하기(5) - 추가 삭제 함수 구현1 6. UI 변경하여 다른 스타일로 Todo App 개발하기(6) - 체크박스 7. UI 변경하여 다른 스타일로 Todo App 개발하기(7) - 완료 개수 숫자 처리 8. UI 변경하여 다른 스타일로 Todo App 개발하기(8) - 완료된 할 일만 보기 9. UI 변경하여 다른 스타일로 Todo App 개발하기(9) - 초기화1 10. UI 변경하여 다른 스타일로 Todo App 개발하기(10) - 초기화2 11. UI 변경하여 다른 스타일로 Todo App 개발하기(11) - 체크시 실제 쓰기 금지 안되게끔 구현 12. UI 변경하여 다른 스타일로 Todo App 개발하기(12) - 완료 미완료 항목들 구분하여 출력 13. UI 변경하여 다른 스타일로 Todo App 개발하기(13) - each문에서 배열 값 바로 필터링 - 개념 14. UI 변경하여 다른 스타일로 Todo App 개발하기(14) - each문에서 배열 값 바로 필터링 - 실습 15. 스벨트 스토어(Store) 개념과 종류 16. 스벨트 스토어(Store) 사용법1 17. 스벨트 스토어(Store) 사용법2 - 컴포넌트쪽에서 사용하기 18. 스벨트 스토어(Store) 사용법3 - 스토어 값 변경 및 단축 표현 사용하기 19. 스토어(Store) 배열 사용법1 - 기본 20. 스토어(Store) 배열 사용법2 - 반복 출력시 주의사항1 21. 스토어(Store) 배열 사용법3 - 반복 출력시 주의사항2 22. 스토어 바인딩 예제 만들기1 - 개념 23. 스토어 바인딩 예제 만들기2 - 수동 구독하여 update 메서드로 값 변경하기 24. 스토어 바인딩 예제 만들기3 - 삼항연산자로 버튼 비활성화 시키기 25. 스토어 바인딩 예제 만들기4 - 자동 구독으로 마이너스 버튼 만들기 26. 스벨트 스토어 기반의 Todo App 만들기1 27. 스벨트 스토어 기반의 Todo App 만들기2 28. 스벨트에서 Promise와 await 블록 사용하는 방법 - 개념 29. 스벨트에서 Promise와 await 블록 사용하는 방법 - 실습 30. 스벨트에서 Fetch로 서버 데이터 가져오기 with JSON Placeholder 31. 스벨트 로컬 설치 가이드 및 마무리 끝인사 |