Svelte(스벨트) 프로그래밍 제대로 배우기 (입문) Part.1 개념 및 기본문법
| 담당강사 | 김동준 | 강의구성 | 총 28차시 |
|---|---|---|---|
| 수강기간 | 30일 | 제작연도 | 2023년 |
| 결제하기 | 증빙서류 | 수료증 | |
| 교안/예제 |
|
||
참고사항
| 강의 목차 | 강의 제목 | 수강 여부 |
|---|---|---|
| 1 | 강의개요 [21:19] | |
| 2 | 스벨트 초보자 학습가이드 [25:27] | |
| 3 | 스벨트 공식홈의 메인을 보면 장점을 알 수 있다 [28:35] | |
| 4 | 스벨트 개념과 장점 이해 - DOM 객체 [32:43] | |
| 5 | 스벨트 개념과 장점 이해 - DOM의 또다른 표현들 [19:01] | |
| 6 | 스벨트 개념과 장점 이해 - jQuery가 지고 Virtual DOM 기반의 프레임워크가 뜬 이유 [14:11] | |
| 7 | 브라우저 렌더링 방식(중요) [29:58] | |
| 8 | 가상 돔(Virtual DOM) - 일상에서의 버추얼 시스템 예 [19:56] | |
| 9 | 가상 돔(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] |
개발사에서 다양한 업체들에 콘텐츠를 납품하고 서비스를 제공하고 있습니다.
개발사 인증 및 상장
