svelt 공식문서 목차

1. Introduction

a. Basics

b. Adding data

c. Dynamic attributes

d. Styling

e. Nested components

f. HTML tags

g. Making an app

1. Reactivity

a. Assignments

b. Declarations

c. Statements

d. Updating arrays and objects

1. Props

a. Declaring props

b. Default values

c. Spread props

1. Logic

a. If blocks

b. Else blocks

c. Else-if blocks

d. Each blocks

e. Keyed each blocks

f. Await blocks

1. Events

a. DOM events

b. Inline handlers

c. Event modifiers

d. Component events

e. Event forwarding

f. DOM event forwarding

1. Bindings

a. Text inputs

b. Numeric inputs

c. Checkbox inputs

d. Group inputs

e. Textarea inputs

f. Select bindings

g. Select multiple

h. Contenteditable bindings

i. Each block bindings

j. Media elements

k. Dimensions

l. This

m. Component bindings

n. Binding to component instances

1. Lifecycle

a. onMount

b. onDestroy

c. beforeUpdate and afterUpdate

d. tick

1. Stores

a. Writable stores

b. Auto-subscriptions

c. Readable stores

d. Derived stores

e. Custom stores

f. Store bindings

1. Motion

a. Tweened

b. Spring

1. Transitions

a. The transition directive

b. Adding parameters

c. In and out

d. Custom CSS transitions

e. Custom JS transitions

f. Transition events

g. Local transitions

h. Deferred transitions

i. Key blocks

1. Animations

a. The animate directive

1. Actions

a. The use directive

b. Adding parameters

1. Advanced styling

a. The class directive

b. Shorthand class directive

c. Inline styles

d. The style directive

1. Component composition

a. Slots

b. Slot fallbacks

c. Named slots

d. Checking for slot content

e. Slot props

1. Context API

a. setContext and getContext

1. Special elements

a. svelte:self

b. svelte:component

c. svelte:element

d. svelte:window

e. svelte:window bindings

f. svelte:body

g. svelte:head

h. svelte:options

i. svelte:fragment

1. Module context

a. Sharing code

b. Exports

1. Debugging

a. The @debug tag 1

1. Next steps

a. Congratulations!