Part I. Svelte 문법 공부하기

Chapter 1 개발 환경 설정 및 프로젝트 생성

1-1 개발 환경 설정
1-2 프로젝트 생성
1-3 프로젝트 구조
1-4 Svelte 개발자 도구 사용

Chapter 2 Svelte 소개

2-1 Svelte 특징
2-2 Svelte 사용 시 유의사항

Chapter 3 기초 문법

3-1 데이터 정의
3-2 속성 정의
3-3 컴포넌트 정의
3-4 스타일 정의
3-5 HTML 문자열 표현

Chapter 4 반응형 문법

4-1 데이터 할당
4-2 데이터 할당 시 주의사항
4-3 $ 문법
4-4 $ 문법 사용 시 주의사항

Chapter 5 Props

5-1 Props란
5-2 Props 정의
5-3 기본값 설정
5-4 전개 연산자 사용
5-5 $$props와 $$restProps
5-6 --style-props

Chapter 6 논리 블록

6-1 조건문 블록
6-2 반복문 블록
6-3 비동기 블록
6-4 Key 블록

Chapter 7 이벤트 처리

7-1 이벤트 수식어
7-2 컴포넌트 이벤트
7-3 이벤트 포워딩

Chapter 8 데이터 바인딩

8-1 데이터 바인딩이란
8-2 Input 태그
8-3 Textarea 태그
8-4 Select 태그
8-5 contenteditable 속성
8-6 Each 블록 바인딩
8-7 Media 태그
8-8 Dimension 바인딩
8-9 This 바인딩
8-10 컴포넌트 Props 바인딩

Chapter 9 라이프 사이클

9-1 라이프 사이클(Lifecycle)이란
9-2 onMount
9-3 onDestroy
9-4 beforeUpdate
9-5 afterUpdate
9-6 라이프 사이클 모듈화
9-7 tick

Chapter 10 스토어

10-1 스토어란
10-2 Writable 스토어
10-3 Readable 스토어
10-4 Derived 스토어
10-5 Custom 스토어
10-6 get 함수

Chapter 11 모션

11-1 모션이란
11-2 Tweened
11-3 Spring

Chapter 12 트랜지션

12-1 트랜지션이란
12-2 트랜지션 종류
12-3 사용자 정의 트랜지션
12-4 트랜지션 이벤트
12-5 로컬 수식어

Chapter 13 애니메이션

13-1 애니메이션 디렉티브
13-2 사용자 정의 애니메이션
13-3 애니메이션 사용 시 주의사항

Chapter 14 액션

14-1 액션이란
14-2 액션 함수
14-3 액션으로 만든 플러그인

Chapter 15 슬롯

15-1 슬롯이란
15-2 슬롯의 기본값
15-3 이름 있는 슬롯
15-4 $$slots 객체
15-5 슬롯의 Props

Chapter 16 콘텍스트 API

16-1 콘텍스트란
16-2 콘텍스트 API
16-3 스토어 VS 콘텍스트

Chapter 17 Svelte 요소

17-1 〈svelte:self〉
17-2 〈svelte:component〉
17-3 〈svelte:window〉
17-4 〈svelte:body〉
17-5 〈svelte:head〉
17-6 〈svelte:options〉
17-7 〈svelte:fragment〉

Chapter 18 모듈 콘텍스트

18-1 코드 공유하기
18-2 코드 내보내기

Part II. 스도쿠 게임 만들어보기

Chapter 19 스도쿠 살펴보기

19-1 스도쿠란
19-2 스도쿠 용어 정리

Chapter 20 스도쿠 생성 방법

20-1 스도쿠 생성 방법
20-2 스도쿠 행렬식 표현
20-3 스도쿠 섞기

Chapter 21 스도쿠 프로젝트 생성

21-1 프로젝트 생성 및 패키지 설치
21-2 화면 구조 및 컴포넌트 구조
21-3 디렉터리 구조

Chapter 22 스도쿠 만들기

22-1 스도쿠 생성 코드
22-2 스도쿠 섞기

Chapter 23 스도쿠 퍼즐 만들기

23-1 스도쿠 풀이 방법
23-2 스도쿠 퍼즐 만들기

Chapter 24 스도쿠 컴포넌트 만들기

24-1 컴포넌트 구조
24-2 Difficulty 컴포넌트
24-3 Navigation 컴포넌트
24-4 Number 컴포넌트
24-5 NumberPad 컴포넌트
24-6 Cell 컴포넌트
24-7 Sudoku 컴포넌트
24-8 App 컴포넌트

Chapter 25 스도쿠 배포하기

25-1 웹 호스팅하기
25-2 깃허브 설정하기
25-3 헤로쿠 설정하기

Part III. Svelte 핵심 라이브러리

Chapter 26 svelte-preprocess

26-1 Svelte 전처리기
26-2 롤업 프로젝트 설정
26-3 웹팩 프로젝트 설정
26-4 프로젝트 퀵 스타트

Chapter 27 SvelteKit

27-1 Sapper의 퇴장
27-2 SvelteKit의 등장
27-3 SvelteKit이 달라진 점