menu
여기를 클릭하면, 샘플강의가 재생됩니다.
tag
강좌코드 : la_L030211
열공이

Svelte(스벨트) 프로그래밍 제대로 배우기 (활용) Part.3 Store 기반의 Todo App 개발 및 Promise (完)
담당강사 : 김동준

강의구성 총 31강좌 (강의시간 : 총 ) 수강기간 30일
강의형식 동영상 수강료 124,000원 이 강좌의 80% 이상 수강 시
출력이 가능합니다.
강의수준 초급 강의에서 사용하는
프로그램 & 버전
-
담당강사
강사사진
김동준 강사
  • - 제이에스미디어 웹에이전시 팀장
  • - 인터넷교육방송 팀장
  • - 한훈직업전문학교 온라인 팀장
  • - 다수의 직업훈련학교 등 강의
강의구성 총 31강좌 (강의시간 : 총 )
수강기간 30일
강의형식 동영상
수강료 124,000원 이 강좌의 80% 이상 수강 시
출력이 가능합니다.
강의수준 초급
강의에서 사용하는
프로그램 & 버전
-
담당강사
김동준 강사
  • - 제이에스미디어 웹에이전시 팀장
  • - 인터넷교육방송 팀장
  • - 한훈직업전문학교 온라인 팀장
  • - 다수의 직업훈련학교 등 강의
과정소개
본 과정은 프런트엔드 최신 기술인 스벨트 프로그래밍 입문과 활용 과정에 대해서 학습합니다.
학습목표
프런트엔드 컴파일러를 표방하는 새로운 프런트엔드 최신 기술인 스벨트 프로그래밍 전반에 필요한 제반 사항을 학습합니다.
교육대상
프런트엔드 기술들중 하나인 Svelte 기반으로 프런트엔드 구현을 학습해보고자 하는 자
차시별 학습목표
01. 개요, 스토어, store, 개발, ui 변경
02. 디자인, 스토어, 앱, 개발, ui 변경
03. 함수, 스토어, store, app, ui 변경
04. todo, app, 출력, 스토어, ui 변경
05. 스토어, 삭제, 함수, 구현, ui 변경
06. store, checkbox, 체크박스, ui 변경
07. 완료, 개수, 숫자, 처리, ui 변경
08. 완료, 할 일, 앱 개발, ui 변경
09. 초기화, 앱 개발, todo, ui 변경
10. ui 변경, 초기화, 개발, 할 일
11. 체크, 쓰기, 금지, 구현
12. 완료, 미완료, 항목, 구분하기
13. 배열, 데이터, 반복, each
14. each, 반복문, 배열, 필터링, 실습
15. 스토어, store, 스토어 개념, 종류
16. 스토어, 사용하기, 사용법, store
17. store, 스토어, 컴포넌트, 사용
18. store, 스토어, 값 변경, 단축 표현
19. store, 스토어, 배열, 기본, 사용법
20. store, 스토어, 반복 출력, 배열, 주의사항
21. store, 스토어, 주의사항, 반복, 배열
22. store, 스토어, 바인딩, 예제, 배열
23. 스토어, 바인딩, 수정 구독, update
24. 스토어, 버튼, 삼항연산자, 비활성화
25. 마이너스, 자동 구독, 스토어, 바인딩
26. 스토어, todo, app, store
27. 스토어, todo, app, store
28. promise, await, 개념
29. promise, await, 블록, 실습
30. fetch, 서버, 데이터, 가져오기, json
31. 로컬, 환경설정, 가이드, 설치
참고사항
- 수강 기간 중 언제든지 반복 수강이 가능합니다.
- 수강 여부 : 해당 차시의 80%를 수강하면 (회색) 배경으로 표시됩니다.
- 수강 신청 완료 후 수강할 수 있습니다.
- 즐겨찾기 한 강좌는 MY Class에서 확인할 수 있습니다.

연관강좌

아이티고 강좌질문 모음
※ 아이티고 강좌 관련 문의입니다. 질문은 1:1문의 게시판에 남겨주세요.
1 / 7
강좌 리스트
01. UI 변경하여 다른 스타일로 Todo App 개발하기(1) - 개요 [20:25]
02. UI 변경하여 다른 스타일로 Todo App 개발하기(2) - 디자인 [14:03]
03. UI 변경하여 다른 스타일로 Todo App 개발하기(3) - 구현할 함수들 정리 [21:24]
04. UI 변경하여 다른 스타일로 Todo App 개발하기(4) - 출력 [15:22]
05. UI 변경하여 다른 스타일로 Todo App 개발하기(5) - 추가 삭제 함수 구현1 [19:07]
06. UI 변경하여 다른 스타일로 Todo App 개발하기(6) - 체크박스 [23:26]
07. UI 변경하여 다른 스타일로 Todo App 개발하기(7) - 완료 개수 숫자 처리 [19:43]
08. UI 변경하여 다른 스타일로 Todo App 개발하기(8) - 완료된 할 일만 보기 [12:00]
09. UI 변경하여 다른 스타일로 Todo App 개발하기(9) - 초기화1 [28:32]
10. UI 변경하여 다른 스타일로 Todo App 개발하기(10) - 초기화2 [29:52]
11. UI 변경하여 다른 스타일로 Todo App 개발하기(11) - 체크시 실제 쓰기 금지 안되게끔 구현 [27:37]
12. UI 변경하여 다른 스타일로 Todo App 개발하기(12) - 완료 미완료 항목들 구분하여 출력 [31:23]
13. UI 변경하여 다른 스타일로 Todo App 개발하기(13) - each문에서 배열 값 바로 필터링 - 개념 [21:27]
14. UI 변경하여 다른 스타일로 Todo App 개발하기(14) - each문에서 배열 값 바로 필터링 - 실습 [27:44]
15. 스벨트 스토어(Store) 개념과 종류 [20:52]
16. 스벨트 스토어(Store) 사용법1 [27:28]
17. 스벨트 스토어(Store) 사용법2 - 컴포넌트쪽에서 사용하기 [23:38]
18. 스벨트 스토어(Store) 사용법3 - 스토어 값 변경 및 단축 표현 사용하기 [29:56]
19. 스토어(Store) 배열 사용법1 - 기본 [27:05]
20. 스토어(Store) 배열 사용법2 - 반복 출력시 주의사항1 [28:02]
21. 스토어(Store) 배열 사용법3 - 반복 출력시 주의사항2 [12:36]
22. 스토어 바인딩 예제 만들기1 - 개념 [29:21]
23. 스토어 바인딩 예제 만들기2 - 수동 구독하여 update 메서드로 값 변경하기 [30:09]
24. 스토어 바인딩 예제 만들기3 - 삼항연산자로 버튼 비활성화 시키기 [14:11]
25. 스토어 바인딩 예제 만들기4 - 자동 구독으로 마이너스 버튼 만들기 [26:17]
26. 스벨트 스토어 기반의 Todo App 만들기1 [27:12]
27. 스벨트 스토어 기반의 Todo App 만들기2 [22:08]
28. 스벨트에서 Promise와 await 블록 사용하는 방법 - 개념 [27:04]
29. 스벨트에서 Promise와 await 블록 사용하는 방법 - 실습 [21:00]
30. 스벨트에서 Fetch로 서버 데이터 가져오기 with JSON Placeholder [31:17]
31. 스벨트 로컬 설치 가이드 및 마무리 끝인사 [27:41]
지금 자유이용권 구매하고, 모든 강의를 자유롭게 수강하세요!