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]
번호 이미지 강좌명 방식 제작연도 샘플
2053 처음 만나는 Google Workspace - Sheets(스프레드시트) 기본과 활용 Part.4 데이터 활용과 관리, 데이터 분석 등
강다빈 / 6차시
MP4 2025 샘플
2052 처음 만나는 Google Workspace - Sheets(스프레드시트) 기본과 활용 Part.3 업무에 사용하는 함수,수식 활용
강다빈 / 5차시
MP4 2025 샘플
2051 처음 만나는 Google Workspace - Sheets(스프레드시트) 기본과 활용 Part.2 함수 및 고급함수
강다빈 / 6차시
MP4 2025 샘플
2050 처음 만나는 Google Workspace - Sheets(스프레드시트) 기본과 활용 Part.1 기본조작, 연산자, 시트
강다빈 / 5차시
MP4 2025 샘플
2049 IT 필수 지식 - 운영체제 기초 제대로 배우기 1
이재현 / 9차시
MP4 2025 샘플
2048 IT 필수 지식 - 네트워크 개론 제대로 배우기 2
이재현 / 9차시
MP4 2025 샘플
2047 IT 필수 지식 - 네트워크 개론 제대로 배우기 1
이재현 / 9차시
MP4 2025 샘플
2046 인공지능(AI) 프로젝트 제대로 배우기 Part.3 모델링4 AI 모델 학습, 모델 선정 및 관리
김동식 / 6차시
MP4 2025 샘플
2045 인공지능(AI) 프로젝트 제대로 배우기 Part.3 모델링3 AI 데이터 특징 추출
김동식 / 5차시
MP4 2025 샘플
2044 인공지능(AI) 프로젝트 제대로 배우기 Part.3 모델링2 AI 데이터 확보, 데이터 전처리
김동식 / 6차시
MP4 2025 샘플
2043 인공지능(AI) 프로젝트 제대로 배우기 Part.3 모델링1 AI 모델 문제 정의, 모델 설계
김동식 / 6차시
MP4 2025 샘플
2042 실무에서 알아두면 좋은 OA 팁(TIP) - 한글
강태안 / 6차시
MP4 2025 샘플
2041 React(리액트) 상태관리 훅(Hook) Part.2 useReducer
김동준 / 9차시
MP4 2025 샘플
2040 React(리액트) 상태관리 훅(Hook) Part.1 useContext
김동준 / 10차시
MP4 2025 샘플
2039 React(리액트) 중급의 시작 훅(Hook) 입문 Part.3 useCallback
김동준 / 4차시
MP4 2025 샘플
Category
Facebook Twitter GooglePlus KakaoStory NaverBand