배우고 익히는 즐거움, 아이티고
알림
여기를 클릭하면, 샘플강의가 재생됩니다.
- tag
Svelte(스벨트) 프로그래밍 제대로 배우기 (입문) Part.1 개념 및 기본문법
담당강사 : 김동준
| 강의구성 | 총 28강좌 (강의시간 : 총 ) | 수강기간 | 30일 |
|---|---|---|---|
| 강의형식 | 동영상 | 수강료 |
112,000원
이 강좌의 80% 이상 수강 시 출력이 가능합니다. |
| 강의수준 | 초급 | 강의에서 사용하는 프로그램 & 버전 |
- |
| 담당강사 |
김동준 강사
|
||
| 강의구성 | 총 28강좌 (강의시간 : 총 ) |
|---|---|
| 수강기간 | 30일 |
| 강의형식 | 동영상 |
| 수강료 |
112,000원
이 강좌의 80% 이상 수강 시 출력이 가능합니다. |
| 강의수준 | 초급 |
| 강의에서 사용하는 프로그램 & 버전 |
- |
| 담당강사 |
김동준 강사
|
- 과정소개
- 본 과정은 프런트엔드 최신 기술인 스벨트 프로그래밍 입문과 활용 과정에 대해서 학습합니다.
- 학습목표
- 프런트엔드 컴파일러를 표방하는 새로운 프런트엔드 최신 기술인 스벨트 프로그래밍 전반에 필요한 제반 사항을 학습합니다.
- 교육대상
- 프런트엔드 기술들중 하나인 Svelte 기반으로 프런트엔드 구현을 학습해보고자 하는 자
차시별 학습목표
- 01. 개요, 강의개요, 강의설명
- 02. 스벨트, 초보자, 학습 가이드
- 03. 스벨트, 공식홈, 메인, 장점
- 04. 개념, 장점, 돔, 객체, DOM
- 05. 개념, 장점, 돔, 객체, DOM
- 06. 개념, 장점, jQuery, DOM, Virtual DOM
- 07. 브라우저, 렌더링, 방식
- 08. 가상, 돔, 버추얼, 가상돔
- 09. 가상돔, 버추얼, Virtual DOM, Batch
- 10. virutal, dom, diffing
- 11. svelte, dom, 돔, 조작, 가상돔
- 12. 가상, 돔, 가상돔, 조작, 버추얼
- 13. 개념, 비유, 컴파일, 개념
- 14. 진정한, 반응성, 적은 코드, 코드
- 15. 스벨트, 기본, 구성
- 16. 템플릿, 문법, 제어문, 반복문
- 17. 배열, each, 반복문, 템플릿
- 18. 키, 블록, key, 개념이해
- 19. key, 블록, 개념, html 태그인식
- 20. 속성, 표현, 초보자
- 21. 클래스, 속성, 값, 표현, 실습
- 22. 반응성, 이론, 실습
- 23. 숫자, 증가, 버튼, 비활성화, 상태
- 24. 배열, 변화, 감지, 배열 변화
- 25. 배열, 변화, 상태, 입력, 삭제, 반응성
- 26. 변화, 상태값, 동시, 반응성
- 27. 깊은 복사, 복사, 얕은 복사
- 28. json 객체, 복사, 상태값, 변화
- 참고사항
- - 수강 기간 중 언제든지 반복 수강이 가능합니다.
- - 수강 여부 : 해당 차시의 80%를 수강하면 (회색) 배경으로 표시됩니다.
- - 수강 신청 완료 후 수강할 수 있습니다.
- - 즐겨찾기 한 강좌는 MY Class에서 확인할 수 있습니다.
연관강좌
Svelte(스벨트) 프로그래밍 제대로 배우기 (활용) Part.3 Store 기반의 Todo App 개발 및 Promise (完)
김동준
₩ 124,000원
제작년도 : 2023
31강
아이티고 강좌질문 모음
※ 아이티고 강좌 관련 문의입니다. 질문은 1:1문의 게시판에 남겨주세요.
1 / 7
- 강좌 리스트
- 01. 강의개요 [21:19]
- 02. 스벨트 초보자 학습가이드 [25:27]
- 03. 스벨트 공식홈의 메인을 보면 장점을 알 수 있다 [28:35]
- 04. 스벨트 개념과 장점 이해 - DOM 객체 [32:43]
- 05. 스벨트 개념과 장점 이해 - DOM의 또다른 표현들 [19:01]
- 06. 스벨트 개념과 장점 이해 - jQuery가 지고 Virtual DOM 기반의 프레임워크가 뜬 이유 [14:11]
- 07. 브라우저 렌더링 방식(중요) [29:58]
- 08. 가상 돔(Virtual DOM) - 일상에서의 버추얼 시스템 예 [19:56]
- 09. 가상 돔(Virtual DOM)이란 무엇인가 - JS 객체 vs Batch Update vs 복제본 [19:38]
- 10. 가상 돔(Virtual DOM)을 통해 실제 DOM에 반영하는 원리 - Diffing [31:20]
- 11. 스벨트는 어떻게 가상돔을 쓰지않고도 빠르게 돔 조작을 한다는 것인가1 [19:34]
- 12. 스벨트는 어떻게 가상돔을 쓰지않고도 빠르게 돔 조작을 한다는 것인가2 [23:30]
- 13. 스벨트의 주요 특징인 컴파일 개념을 일상의 예로 비유해본다면 [25:56]
- 14. 더 적은 코드와 진정한 반응성 [22:16]
- 15. 스벨트 기본 구성 [12:26]
- 16. 스벨트 템플릿 문법 - 제어문과 반복문 형식과 실습하기 [21:25]
- 17. 스벨트 템플릿 문법 - 배열내 객체 each 반복문으로 컨트롤하기 [26:43]
- 18. 초보자가 약간 헷갈려하는 Key 블록 개념이해 및 실습1 [29:31]
- 19. 초보자가 약간 헷갈려하는 Key 블록 개념이해 및 실습2 vs HTML 태그 인식시키려면 [13:22]
- 20. 초보자가 상당히 헷갈려하는 클래스 속성 값 표현 [15:41]
- 21. 클래스 속성 값 표현 - 실습 [28:43]
- 22. 반응성(Reactivity) 이론 및 실습 [27:28]
- 23. 10까지만 숫자 증가시키고 버튼 비활성화 상태로 만들기 [21:55]
- 24. 배열의 변화 감지하기1 (중요) [28:05]
- 25. 배열의 변화 감지하기2 - 입력과 삭제 시 동시 반응성 구현 [20:53]
- 26. JSON 객체의 복사와 상태값 변화에 따른 동시 반응성 구현 - 사전지식 [28:57]
- 27. 깊은 복사 vs 얕은 복사 - Object.assign [09:09]
- 28. JSON 객체의 복사와 상태값 변화에 따른 동시 반응성 구현 - 실습 [18:38]