닫기
과정 구분
과정 카테고리
태그
검색어
[HD]Svelte(스벨트) 프로그래밍 제대로 배우기 (입문) Part.1 개념 및 기본문법 과정이미지

[HD]Svelte(스벨트) 프로그래밍 제대로 배우기 (입문) Part.1 개념 및 기본문법

교육기간
30일
강의구성
28차시
  • 과정 [HD]Svelte(스벨트) 프로그래밍 제대로 배우기 (입문) Part.1 개념 및 기본문법 0

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

총 결제금액

기본 정보

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

과정 소개

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

학습 대상

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

학습 목표

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

강의목차(총 28강)

1. 1. 강의개요 21분

2. 2. 스벨트 초보자 학습가이드 25분

3. 3. 스벨트 공식홈의 메인을 보면 장점을 알 수 있다 29분

4. 4. 스벨트 개념과 장점 이해 - DOM 객체 33분

5. 5. 스벨트 개념과 장점 이해 - DOM의 또다른 표현들 19분

6. 6. 스벨트 개념과 장점 이해 - jQuery가 지고 Virtual DOM 기반의 프레임워크가 뜬 이유 14분

7. 7. 브라우저 렌더링 방식(중요) 30분

8. 8. 가상 돔(Virtual DOM) - 일상에서의 버추얼 시스템 예 20분

9. 9. 가상 돔(Virtual DOM)이란 무엇인가 - JS 객체 vs Batch Update vs 복제본 20분

10. 10. 가상 돔(Virtual DOM)을 통해 실제 DOM에 반영하는 원리 - Diffing 31분

11. 11. 스벨트는 어떻게 가상돔을 쓰지않고도 빠르게 돔 조작을 한다는 것인가1 20분

12. 12. 스벨트는 어떻게 가상돔을 쓰지않고도 빠르게 돔 조작을 한다는 것인가2 23분

13. 13. 스벨트의 주요 특징인 컴파일 개념을 일상의 예로 비유해본다면 26분

14. 14. 더 적은 코드와 진정한 반응성 22분

15. 15. 스벨트 기본 구성 12분

16. 16. 스벨트 템플릿 문법 - 제어문과 반복문 형식과 실습하기 21분

17. 17. 스벨트 템플릿 문법 - 배열내 객체 each 반복문으로 컨트롤하기 27분

18. 18. 초보자가 약간 헷갈려하는 Key 블록 개념이해 및 실습1 30분

19. 19. 초보자가 약간 헷갈려하는 Key 블록 개념이해 및 실습2 vs HTML 태그 인식시키려면 13분

20. 20. 초보자가 상당히 헷갈려하는 클래스 속성 값 표현 16분

21. 21. 클래스 속성 값 표현 - 실습 29분

22. 22. 반응성(Reactivity) 이론 및 실습 27분

23. 23. 10까지만 숫자 증가시키고 버튼 비활성화 상태로 만들기 22분

24. 24. 배열의 변화 감지하기1 (중요) 28분

25. 25. 배열의 변화 감지하기2 - 입력과 삭제 시 동시 반응성 구현 21분

26. 26. JSON 객체의 복사와 상태값 변화에 따른 동시 반응성 구현 - 사전지식 29분

27. 27. 깊은 복사 vs 얕은 복사 - Object.assign 9분

28. 28. JSON 객체의 복사와 상태값 변화에 따른 동시 반응성 구현 - 실습 19분

퀵배너