닫기
과정 구분
과정 카테고리
태그
검색어
[HD]Svelte(스벨트) 프로그래밍 제대로 배우기 (활용) Part.3 Store 기반의 Todo App 개발 및 Promise 과정이미지

[HD]Svelte(스벨트) 프로그래밍 제대로 배우기 (활용) Part.3 Store 기반의 Todo App 개발 및 Promise

교육기간
30일
강의구성
31차시
  • 과정 [HD]Svelte(스벨트) 프로그래밍 제대로 배우기 (활용) Part.3 Store 기반의 Todo App 개발 및 Promise 0

판매금액 배송금액 할인금액

총 결제금액

기본 정보

학습기간
4주
총 시간
12.0시간
차시수
31차시
개발년월
202303
내용전문가
김동준
NCS분류
20010202:응용SW엔지니어링

과정 소개

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

학습 대상

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

학습 목표

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

강의목차(총 31강)

1. 1. UI 변경하여 다른 스타일로 Todo App 개발하기(1) - 개요 20분

2. 2. UI 변경하여 다른 스타일로 Todo App 개발하기(2) - 디자인 14분

3. 3. UI 변경하여 다른 스타일로 Todo App 개발하기(3) - 구현할 함수들 정리 21분

4. 4. UI 변경하여 다른 스타일로 Todo App 개발하기(4) - 출력 15분

5. 5. UI 변경하여 다른 스타일로 Todo App 개발하기(5) - 추가 삭제 함수 구현1 19분

6. 6. UI 변경하여 다른 스타일로 Todo App 개발하기(6) - 체크박스 23분

7. 7. UI 변경하여 다른 스타일로 Todo App 개발하기(7) - 완료 개수 숫자 처리 20분

8. 8. UI 변경하여 다른 스타일로 Todo App 개발하기(8) - 완료된 할 일만 보기 12분

9. 9. UI 변경하여 다른 스타일로 Todo App 개발하기(9) - 초기화1 29분

10. 10. UI 변경하여 다른 스타일로 Todo App 개발하기(10) - 초기화2 30분

11. 11. UI 변경하여 다른 스타일로 Todo App 개발하기(11) - 체크시 실제 쓰기 금지 안되게끔 구현 28분

12. 12. UI 변경하여 다른 스타일로 Todo App 개발하기(12) - 완료 미완료 항목들 구분하여 출력 31분

13. 13. UI 변경하여 다른 스타일로 Todo App 개발하기(13) - each문에서 배열 값 바로 필터링 - 개념 21분

14. 14. UI 변경하여 다른 스타일로 Todo App 개발하기(14) - each문에서 배열 값 바로 필터링 - 실습 28분

15. 15. 스벨트 스토어(Store) 개념과 종류 21분

16. 16. 스벨트 스토어(Store) 사용법1 27분

17. 17. 스벨트 스토어(Store) 사용법2 - 컴포넌트쪽에서 사용하기 24분

18. 18. 스벨트 스토어(Store) 사용법3 - 스토어 값 변경 및 단축 표현 사용하기 30분

19. 19. 스토어(Store) 배열 사용법1 - 기본 27분

20. 20. 스토어(Store) 배열 사용법2 - 반복 출력시 주의사항1 28분

21. 21. 스토어(Store) 배열 사용법3 - 반복 출력시 주의사항2 13분

22. 22. 스토어 바인딩 예제 만들기1 - 개념 29분

23. 23. 스토어 바인딩 예제 만들기2 - 수동 구독하여 update 메서드로 값 변경하기 30분

24. 24. 스토어 바인딩 예제 만들기3 - 삼항연산자로 버튼 비활성화 시키기 14분

25. 25. 스토어 바인딩 예제 만들기4 - 자동 구독으로 마이너스 버튼 만들기 26분

26. 26. 스벨트 스토어 기반의 Todo App 만들기1 27분

27. 27. 스벨트 스토어 기반의 Todo App 만들기2 22분

28. 28. 스벨트에서 Promise와 await 블록 사용하는 방법 - 개념 27분

29. 29. 스벨트에서 Promise와 await 블록 사용하는 방법 - 실습 21분

30. 30. 스벨트에서 Fetch로 서버 데이터 가져오기 with JSON Placeholder 31분

31. 31. 스벨트 로컬 설치 가이드 및 마무리 끝인사 28분

퀵배너