가장 빨리 만나는 스벨트

1장 스벨트 소개
__1.1적은 코드
__1.2순수한 리액티비티(반응성)

2장 개발 환경 구성하기
__2.1REPL로 시작해보기
__2.2로컬에서 프로젝트 만들어 코드 작성하기
__2.3폴더 및 파일 구성

3장 Hello, Svelte~!
__3.1<script>
__3.2HTML 마크업
__3.3<style>
__3.4{} 표현식
__3.5스벨트 컴포넌트를 document에 포함시키기

4장 템플릿 기본 표현식
__4.1{#if ...} 블록
__4.2{:else if ...} 블록
__4.3{#each ...}를 사용해 배열 표시하기
__4.4{#each} 루프 안에서 인덱스 사용하기
__4.5 {#each}로 JSON 객체 다루기, 다차원 배열 표시하기
__4.6Promise와 {#await ...} 블록 사용하기
__4.7 fetch 결과를 {#await ...} 블록으로 표시하기
__4.8{#key 표현식} HTML {/key}
__4.9{#key 표현식} 하위 컴포넌트 {/key}
__4.10 {@html}로 돔에 HTML 엘리먼트 생성하기
__4.11 {@debug}로 디버깅, 리액티브하게 디버깅하기

5장 반응성
__5.1스벨트의 반응성이란?
__5.2반응형 데이터 만들기
__5.3센서 생성과 동작 정의
__5.4할당을 통한 트리거 만들기
__5.5센서의 사용하는 네 가지 패턴
__5.6배열의 변화 감지하기
__5.7JSON 객체의 변화 감지하기

6장 HTML 엘리먼트에 데이터 바인딩하기
__6.1텍스트 / 텍스트 입력값 바인딩하기
__6.2input에 숫자 값 바인딩하기
__6.3체크박스 바인딩하기
__6.4 다중 객체(radio, check)에 그룹 바인딩하기
__6.5textarea 바인딩하기
__6.6단일 select, 다중 select 바인딩하기
__6.7contenteditable 바인딩
__6.8{#each ...} 블록에서 속성값 바인딩하기
__6.9media의 속성값 바인딩하기
__6.10 크기 값 바인딩
__6.11 this 바인딩
__6.12하위 컴포넌트 데이터 바인딩

7장 하위 컴포넌트 사용
__7.1예제 프로젝트 생성하기
__7.2하위 컴포넌트 작성하기
__7.3하위 컴포넌트 불러오기
__7.4HTML에서 사용하기

8장 props
__8.1props 선언하기
__8.2props 사용하기
__8.3spread 활용하기

9장 이벤트
__9.1돔 이벤트 처리하기
__9.2인라인으로 이벤트 처리하기
__9.3이벤트 제한자 사용하기
__9.4하위 컴포넌트의 커스텀 이벤트 처리하기
__9.5이벤트 포워딩하기
__9.6돔 이벤트 포워딩하기

10장 라이프사이클
__10.1onMount
__10.2onDestroy
__10.3beforeUpdate와 afterUpdate
__10.4tick

11장 스토어 사용하기
__11.1writable 스토어로 시작하기
__11.2readable 스토어 사용하기
__11.3derived 스토어 사용하기
__11.4사용자 정의 스토어 만들기
__11.5get 함수 사용하기

12장 모션
__12.1트윈
__12.2스프링

13장 트랜지션
__13.1트랜지션 지시자
__13.2파라미터 이용하기
__13.3in/out 사용하기
__13.4트랜지션 이벤트 정의하기
__13.5로컬 트랜지션

14장 애니메이션

15장 액션
__15.1use 지시자 사용하기
__15.2파라미터 사용하기

16장 클래스
__16.1class 속성을 확장하여 사용하기
__16.2class 지시자 사용하기

17장 slot 사용하기
__17.1slot이란?
__17.2slot 기본값 사용하기
__17.3named slot 사용하기
__17.4$$slots을 이용한 콘텐츠 체크
__17.5slot의 props 사용하기

18장 컨텍스트 API
__18.1setContext와 getContext
__18.2hasContext
__18.3컨텍스트와 스토어 차이점 비교

19장 특수 엘리먼트
__19.1<svelte:self>
__19.2<svelte:component>
__19.3<svelte:window>
__19.4<svelte:body>
__19.5<svelte:head>
__19.6<svelte:options>
__19.7<svelte:fragment>

20장 두뇌 개발 게임만들기
__20.1게임 화면 미리 보기
__20.2애플리케이션 아키텍처
__20.3배포 아키텍처
__20.4스벨트킷으로 프로젝트 생성
__20.5코드 작성 준비하기
__20.6라우터로 페이지 구성하기
__20.7레이아웃으로 메뉴 구성하기
__20.8스토어 구성하기
__20.9홈(이번 주의 점수) 구현
__20.10게임 구현
__20.11점수 저장 구현
__20.12몽고디비 연결하기
__20.13REST API 구현
__20.14이번 주의 점수를 REST로 구현
__20.15점수 저장을 REST로 구현
__20.16깃허브 클라이언트 설치하기
__20.17SSH로 깃허브에 연결하기
__20.18깃허브로 소스 배포하기
__20.19AWS 서버 만들기
__20.20터미널에서 접속하기
__20.21AWS 앱 서버로 설정하기
__20.22로컬 개발 환경에서 빌드
__20.23운영(AWS) 환경에서 빌드 및 실행