1 환경 설정 10
2 기본 문형 13
3 기본 문형에서 컴포넌트의 사용 15
4 기본 문법 17
html 태그 17
클래스 17
스타일 18
조건문 20
반복문 22
5 컴포넌트 간의 데이터 전달 26
자식 컴포넌트에 데이타 전달 26
Context API 28
슬롯 30
슬롯에 데이터를 전달하지 않은 경우 31
슬롯에 이름 설정 33
슬롯의 여부 검사하기 35
슬롯 props 37
6 이벤트와 반응성 39
click 39
$: 을 이용한 반응성 42
mousemove 44
이벤트 수식어 46
부모컴포넌트의 이벤트 발생 47
자식 컴포넌트에서 이벤트 발생 50
7 라이프사이클 53
onMount 53
onDestroy 53
라이프사이클 업데이트 54
tick 54
8 스토어 56
writable store 56
readable 스토어 60
계산된 스토어 60
커스텀 스토어 62
9 await 블록 65
10 폼 요소 68
텍스트 입력 68
포커스 68
textarea 텍스트 입력 69
수정이 가능한 html 출력 70
숫자 입력 70
체크박스 선택 72
라디오버튼 선택 74
셀렉트 박스 선택 75
11 비디오 77
12 스페셜 엘리먼트 80
〈svelte:self〉 80
〈svelte:component〉 81
〈svelte:element〉 83
〈svelte:window〉 84
〈svelte:body〉 85
〈svelte:head〉 86
〈svelte:options〉 86
〈svelte:fragment〉 88
13 모션 90
tweened 90
spring 92
14 트랜지션 95
fade 96
blur 97
fly 98
slide 99
scale 100
draw 101
15 액션 103
16 동적 연동을 통한 페이지 구현 105
17 스와이프 배너 109