# 만들면서 배우는 svelte

## 만들면서 배우는 svelte

- [1. svelte 소개](https://freeseamew.gitbook.io/svelte/master.md)
- [수업 코드 및 문서 가이드 안내](https://freeseamew.gitbook.io/svelte/2./undefined-1.md)
- [비주얼스튜디오 & REPL](https://freeseamew.gitbook.io/svelte/2./and-repl.md)
- [설치](https://freeseamew.gitbook.io/svelte/2./undefined.md)
- [앱 구조 설명 : main.js, App.js, 폴더구조](https://freeseamew.gitbook.io/svelte/3./main.js-app.js.md)
- [컴포넌트 기본 : 레이아웃 샘플 구성(여러 component 연동)](https://freeseamew.gitbook.io/svelte/3./component.md)
- [state](https://freeseamew.gitbook.io/svelte/3./state.md)
- [reactivity](https://freeseamew.gitbook.io/svelte/3./reactivity.md)
- [컴포넌트 통신방법용 기본 앱 코드](https://freeseamew.gitbook.io/svelte/3./undefined.md)
- [컴포넌트 통신방법 1 : props](https://freeseamew.gitbook.io/svelte/3./1-props.md)
- [컴포넌트 통신방법 2 : dispatch](https://freeseamew.gitbook.io/svelte/3./2-dispatch.md)
- [컴포넌트 통신방법 3 : context API](https://freeseamew.gitbook.io/svelte/3./3-context-api.md)
- [컴포넌트 통신방법 4 : store](https://freeseamew.gitbook.io/svelte/3./4-store.md)
- [{#if ...}](https://freeseamew.gitbook.io/svelte/4./untitled.md)
- [{#each ...}](https://freeseamew.gitbook.io/svelte/4./each-....md)
- [bind](https://freeseamew.gitbook.io/svelte/4./bind.md)
- [event](https://freeseamew.gitbook.io/svelte/4./event.md)
- [slot](https://freeseamew.gitbook.io/svelte/4./slot.md)
- [lifecycle (생명주기)](https://freeseamew.gitbook.io/svelte/4./lifecycle.md)
- [동적 css 적용방법](https://freeseamew.gitbook.io/svelte/5./untitled.md)
- [transition : 화면전환](https://freeseamew.gitbook.io/svelte/5./transition.md)
- [todo store 적용 3 :  컴포넌트에 store 연동](https://freeseamew.gitbook.io/svelte/5./todo-store-3-store.md)
- [소개 & 설치](https://freeseamew.gitbook.io/svelte/8.-routify/untitled.md)
- [라우팅 생성](https://freeseamew.gitbook.io/svelte/8.-routify/undefined.md)
- [링크 생성](https://freeseamew.gitbook.io/svelte/8.-routify/undefined-1.md)
- [parameter 전달 및 받기](https://freeseamew.gitbook.io/svelte/8.-routify/parameter.md)
- [todo 서비스에 적용](https://freeseamew.gitbook.io/svelte/8.-routify/todo.md)
- [fetch와 {#await ..} 적용](https://freeseamew.gitbook.io/svelte/9.-ajax/untitled.md)
- [axios 적용](https://freeseamew.gitbook.io/svelte/9.-ajax/axios.md)
- [경로 쉽게 적용하기](https://freeseamew.gitbook.io/svelte/10-./untitled.md)
- [javascript 배열 조작 메서드](https://freeseamew.gitbook.io/svelte/10-./javascript.md)
- [화살표 함수](https://freeseamew.gitbook.io/svelte/10-./undefined.md)