Svelte로 맛보는 웹 애플리케이션 개발 (실전 예제로 마스터하는 최신 프런트엔드 프레임워크)

Svelte로 맛보는 웹 애플리케이션 개발 (실전 예제로 마스터하는 최신 프런트엔드 프레임워크)

$30.63
Description
최신 트렌드의 프런트엔드 프레임워크를
이제 내 것으로 만든다!
The State of JavaScript Survey(https://stateofjs.com)에 따르면 Svelte는 3.0 버전이 발표된 이후로 2년 연속 관심도에서 1위를 차지한, 개발자들의 많은 관심을 받는 최신 프런트엔드 프레임워크입니다. Svelte 진영에서는 브라우저 자체 모듈 시스템을 사용하거나, 가상 돔을 사용하지 않는 등 지금도 여러 시도들이 이루어지고 있습니다.

Svelte는 앞으로도 프런트엔드의 새로운 분야를 앞장서서 개척해 나갈 것입니다. 이 책을 통해 다양한 예제로 새로운 웹 개발 트렌드를 만들어 가는 Svelte를 공부하고, 예제로 스도쿠 게임을 만들어보면서 공부한 문법을 복습할 수 있습니다. 이런저런 책들이나 블로그들을 찾아볼 필요 없이 여러분도 이제 이 책 한 권으로 Svelte를 이해하게 될 것입니다.

이 책의 특징
- 공식 문서의 모든 내용을 이 책에 담아 Svelte 문법을 설명합니다.
- 다양한 예제로 Svelte 문법을 보고 익힐 수 있습니다.
- 실전 예제를 통해 이론을 넘어 Svelte를 실무에 적용하는 방법을 배웁니다.

이 책이 필요한 독자
- 웹 프런트엔드 개발에 관심 있는 입문자
- 새로운 웹 애플리케이션 개발을 경험해보고 싶은 개발자
- 최신 웹 트렌드에 관심이 있는 IT 전문가

소스코드 다운로드
https://github.com/bjpublic/sveltetaste
저자

이효범

최신웹프레임워크트렌드에관심이많은개발자로광운대학교컴퓨터공학과를졸업하여,현재위메프에서플랫폼프런트엔드개발을맡고있다.
계속변화하고있는웹트렌드에뒤쳐지지않고,배움을게을리하지않는개발자가되기위해웹개발관련기술을포스팅하는블로그(https://beomy.github.io)를운영하고있으며,온라인강의(https://www.inflearn.com/users/@beomy)도진행하고있다.저서로는〈ReactJS이정도는알아야지〉가있다.

목차

PartI.Svelte문법공부하기
Chapter1개발환경설정및프로젝트생성
1-1개발환경설정
1-2프로젝트생성
1-3프로젝트구조
1-4Svelte개발자도구사용

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Chapter17Svelte요소
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〉

Chapter18모듈콘텍스트
18-1코드공유하기
18-2코드내보내기

PartII.스도쿠게임만들어보기
Chapter19스도쿠살펴보기
19-1스도쿠란
19-2스도쿠용어정리

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

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

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

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

Chapter24스도쿠컴포넌트만들기
24-1컴포넌트구조
24-2Difficulty컴포넌트
24-3Navigation컴포넌트
24-4Number컴포넌트
24-5NumberPad컴포넌트
24-6Cell컴포넌트
24-7Sudoku컴포넌트
24-8App컴포넌트

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

PartIII.Svelte핵심라이브러리
Chapter26svelte-preprocess
26-1Svelte전처리기
26-2롤업프로젝트설정
26-3웹팩프로젝트설정
26-4프로젝트퀵스타트

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

출판사 서평

웹서비스가거대해질수록성능에대한고민이깊어지는데,Svelte는빠른성능을가지고있어성능에대한고민을줄일수있게하는프레임워크입니다.또한Svelte는개발자들에게코드를조금만작성해도되도록만들어줍니다.코드량이많으면코드전체의구성이장황해질수있는데,Svelte는간결한코드를작성할수있게해줍니다.

이책에서는Svelte를배우고익히기위해필요한모든가이드를제공하기위해노력했습니다.공식문서에서제공하는모든문법들과API들을다루고,공부한Svelte문법으로스도쿠게임이라는결과물을만들어내어Svelte를완벽하게익힐수있도록도왔습니다.독자여러분도이책을통해이제부터Svelte의매력에푹빠져보시길바랍니다.