홈앤서비스 SK BROADBAND

최신 트렌드의 프런트엔드 프레임워크를 이제 내 것으로 만든다! The State of JavaScript Survey에 따르면 Svelte는 3.0 버전이 발표된 이후로 2년 연속 관심도에서 1위를 차지한, 개발자들의 많은 관심을 받는 최신 프런트엔드 프레임워크입니다. Svelte 진영에서는 브라우저 자체 모듈 시스템을 사용하거나, 가상 돔을 사용하지 않는 등 지금도 여러 시도들이 이루어지고 있습니다. Svelte는 앞으로도 프런트엔드의 새로운 분야를 앞장서서 개척해 나갈 것입니다. 이 책을 통해 다양한 예제로 새로운 웹 개발 트렌드를 만들어 가는 Svelte를 공부하고, 예제로 스도쿠 게임을 만들어보면서 공부한 문법을 복습할 수 있습니다. 이런저런 책들이나 블로그들을 찾아볼 필요 없이 여러분도 이제 이 책 한 권으로 Svelte를 이해하게 될 것입니다.

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이 달라진 점