• IT
    [HD]Svelte(스벨트) 프로그래밍 제대로 배우기 (입문) Part.1 개념 및 기본문법
    훈련등급 : A 등급
    PC 모바일  

    총 28차시 / 28시간 교육과정

    김동준 강사

    과정목록


    수료기준 및 수강정원

    수강정원 총진도율 중간평가 최종평가 과제
    3,000 명 80% 이상 총 0점 /
    0% 반영
    총 0점 /
    0% 반영
    총 0점 /
    0% 반영
    반영된 평가 합산 0점 이상


    교육비 안내

    교육비 환급 : 우선지원 기업 환급 : 대규모
    (1,000인 미만)
    환급 : 대규모
    (1,000인 이상)
    89,600 원 0 원 0 원 0 원


    • 과정소개
    • 강의목차
    • 학습후기

    과정소개

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

    과정목표

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

    학습대상

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

    강의목차

    • 1 . 1. 강의개요
    • 2 . 2. 스벨트 초보자 학습가이드
    • 3 . 3. 스벨트 공식홈의 메인을 보면 장점을 알 수 있다
    • 4 . 4. 스벨트 개념과 장점 이해 - DOM 객체
    • 5 . 5. 스벨트 개념과 장점 이해 - DOM의 또다른 표현들
    • 6 . 6. 스벨트 개념과 장점 이해 - jQuery가 지고 Virtual DOM 기반의 프레임워크가 뜬 이유
    • 7 . 7. 브라우저 렌더링 방식(중요)
    • 8 . 8. 가상 돔(Virtual DOM) - 일상에서의 버추얼 시스템 예
    • 9 . 9. 가상 돔(Virtual DOM)이란 무엇인가 - JS 객체 vs Batch Update vs 복제본
    • 10 . 10. 가상 돔(Virtual DOM)을 통해 실제 DOM에 반영하는 원리 - Diffing
    • 11 . 11. 스벨트는 어떻게 가상돔을 쓰지않고도 빠르게 돔 조작을 한다는 것인가1
    • 12 . 12. 스벨트는 어떻게 가상돔을 쓰지않고도 빠르게 돔 조작을 한다는 것인가2
    • 13 . 13. 스벨트의 주요 특징인 컴파일 개념을 일상의 예로 비유해본다면
    • 14 . 14. 더 적은 코드와 진정한 반응성
    • 15 . 15. 스벨트 기본 구성
    • 16 . 16. 스벨트 템플릿 문법 - 제어문과 반복문 형식과 실습하기
    • 17 . 17. 스벨트 템플릿 문법 - 배열내 객체 each 반복문으로 컨트롤하기
    • 18 . 18. 초보자가 약간 헷갈려하는 Key 블록 개념이해 및 실습1
    • 19 . 19. 초보자가 약간 헷갈려하는 Key 블록 개념이해 및 실습2 vs HTML 태그 인식시키려면
    • 20 . 20. 초보자가 상당히 헷갈려하는 클래스 속성 값 표현
    • 21 . 21. 클래스 속성 값 표현 - 실습
    • 22 . 22. 반응성(Reactivity) 이론 및 실습
    • 23 . 23. 10까지만 숫자 증가시키고 버튼 비활성화 상태로 만들기
    • 24 . 24. 배열의 변화 감지하기1 (중요)
    • 25 . 25. 배열의 변화 감지하기2 - 입력과 삭제 시 동시 반응성 구현
    • 26 . 26. JSON 객체의 복사와 상태값 변화에 따른 동시 반응성 구현 - 사전지식
    • 27 . 27. 깊은 복사 vs 얕은 복사 - Object.assign
    • 28 . 28. JSON 객체의 복사와 상태값 변화에 따른 동시 반응성 구현 - 실습

    학습후기

  • 0/0