스벨트 앤 새퍼 인 액션 (빠르고 우아한 웹 애플리케이션 설계 프레임워크)

마크볼크먼

R.MarkVolkmann미국미주리주세인트루이스에위치한주식회사오브젝트컴퓨팅(ObjectComputingInc)에서1996년부터소프트웨어컨설팅및훈련일을해왔다.컨설턴트로서수많은회사에자바스크립트,Node.js,스벨트,리액트,뷰,앵귤러등의기술자문을제공했다.또한Node.js,리액트,뷰,앵귤러,jQuery,자바스크립트,HTML5,CSS3,루비,자바,XML분야에대한많은강좌를개설하고가르쳐왔다.세인트루이스지역의사용자그룹에서자주강연하며,Nordic.js,Jfokus,NDCOslo,StrangeLoop,MidwestJS,NoFluffJustStuff,XMLDevCon과같은많은콘퍼런스에발표자로참석했다.다양한소프트웨어개발주제로많은글을써왔다(https://objectcomputing.com/resources/publications/mark-volkmann).여가시간에는주로달리기를즐긴다.벌써39개주에서49번의마라톤에참가했다.

PartI시작하기

chapter?1선수입장
1.1스벨트란
1.2새퍼란
1.3스벨트네이티브란
1.4스벨트와다른웹프레임워크의차이점
1.5어떤도구로시작하면좋을까
1.6마치며

chapter?2첫스벨트앱만들기
2.1스벨트REPL
2.2REPL없이개발하기
2.3보너스앱
2.4마치며

PartII스벨트파헤치기

chapter?3컴포넌트만들기
3.1.svelte파일에담기는것
3.2컴포넌트마크업
3.3컴포넌트이름
3.4컴포넌트스타일
3.5CSS명시도
3.6유효범위를가지는스타일과전역스타일
3.7CSS전처리기
3.8컴포넌트로직
3.9컴포넌트상태
3.10리액티브구문
3.11모듈콘텍스트
3.12사용자정의컴포넌트만들기
3.13여행준비물앱만들기
3.14마치며

chapter?4블록구조
4.1{#if}로조건문쓰기
4.2{#each}로반복문쓰기
4.3{#await}로프로미스처리하기
4.4여행준비물앱만들기
4.5마치며

chapter?5컴포넌트간통신
5.1컴포넌트간통신하는다양한방법
5.2프롭스
5.3슬롯
5.4이벤트
5.5콘텍스트
5.6여행준비물앱만들기
5.7마치며

chapter?6스토어
6.1쓰기가능스토어
6.2읽기전용스토어
6.3스토어는어디에서정의하는가
6.4스토어사용법
6.5상속스토어
6.6사용자정의스토어
6.7클래스와스토어함께사용하기
6.8스토어데이터를영구저장하기
6.9여행준비물앱만들기
6.10마치며

chapter?7DOM상호작용
7.1HTML삽입
7.2액션
7.3tick함수
7.4대화상자컴포넌트만들기
7.5드래그앤드드롭
7.6여행준비물앱만들기
7.7마치며

chapter?8라이프사이클함수
8.1설정
8.2onMount라이프사이클함수
8.3onDestroy라이프사이클함수
8.4beforeUpdate라이브사이클함수
8.5afterUpdate라이프사이클함수
8.6도우미함수
8.7여행준비물앱만들기
8.8마치며

chapter?9클라이언트사이드라우팅
9.1수동라우팅
9.2해시라우팅
9.3page.js라이브러리
9.4page.js로경로및쿼리파라미터처리하기
9.5여행준비물앱만들기
9.6마치며

chapter?10애니메이션
10.1이징함수
10.2svelte/animate패키지
10.3svelte/motion패키지
10.4svelte/transition패키지
10.5fade전환과flip애니메이션
10.6crossfade전환
10.7draw전환
10.8사용자정의전환
10.9transition대in/out프롭스
10.10전환이벤트
10.11여행준비물앱만들기
10.12마치며

chapter?11디버깅
11.1@debug태그
11.2리액티브구문
11.3스벨트개발자도구
11.4마치며

chapter?12테스팅
12.1제스트로유닛테스트하기
12.2사이프레스로엔드투엔드테스트하기
12.3접근성테스트하기
12.4스토리북으로컴포넌트데모및디버깅하기
12.5마치며

chapter?13배포
13.1HTTP서버로배포하기
13.2네틀리파이로배포하기
13.3버셀로배포하기
13.4도커로배포하기
13.5마치며

chapter?14고급스벨트
14.1폼검사
14.2CSS라이브러리사용하기
14.3특수요소
14.4JSON파일불러오기
14.5컴포넌트라이브러리만들기
14.6웹컴포넌트
14.7마치며

PartIII새퍼의세계로

chapter?15처음만나는새퍼앱
15.1새로운새퍼앱만들기
15.2쇼핑앱을새퍼로다시만들기
15.3마치며

chapter?16새퍼앱
16.1새퍼파일구조
16.2페이지라우트
16.3페이지레이아웃
16.4에러처리
16.5서버와클라이언트모두에서실행하기
16.6FetchAPI래퍼
16.7프리로딩
16.8프리페칭
16.9코드분할
16.10여행준비물앱만들기
16.11마치며

chapter?17새퍼서버라우트
17.1서버라우트소스파일
17.2서버라우트함수
17.3CRUD예제
17.4익스프레스로전환하기
17.5여행준비물앱만들기
17.6마치며

chapter?18새퍼앱을정적사이트로만들기
18.1새퍼앱을정적사이트로변환하기
18.2정적사이트를써야하는경우
18.3정적사이트앱예제
18.4마치며

chapter?19새퍼오프라인지원
19.1서비스워커
19.2캐싱전략
19.3새퍼서비스워커설정
19.4서비스워커이벤트
19.5크롬에서서비스워커관리하기
19.6새퍼서버에서HTTPS사용하기
19.7오프라인동작확인하기
19.8여행준비물앱만들기
19.9마치며

PartIV스벨트와새퍼,그너머의세계로

chapter?20전처리기
20.1사용자정의전처리
20.2svelte-preprocess패키지
20.3마크다운사용하기
20.4여러전처리기사용하기
20.5이미지압축
20.6마치며

chapter?21스벨트네이티브
21.1제공하는컴포넌트
21.2스벨트네이티브시작하기
21.3로컬에서스벨트네이티브앱개발하기
21.4네이티브스크립트꾸미기
21.5미리정의된네이티브스크립트CSS클래스
21.6네이티브스크립트테마
21.7예제
21.8네이티브스크립트UI컴포넌트라이브러리
21.9스벨트네이티브의문제점
21.10마치며

appendixA참고자료
A.1스벨트관련발표
A.2스벨트관련웹페이지
A.3프레임워크비교자료
A.4새퍼관련자료
A.5스벨트네이티브관련웹페이지
A.6스벨트GL관련자료
A.7스벨트도구
A.8스벨트라이브러리
A.9VSCode자료
A.10그외참고자료
A.11그외도구
A.12그외라이브러리
A.13기타

appendixBREST서비스사용하기
B.1헤더

appendixC몽고DB
C.1몽고DB설치
C.2데이터베이스서버실행
C.3몽고DB셸
C.4자바스크립트에서몽고DB사용하기

appendixD스벨트ESLint

appendixE스벨트프리티어

appendixFVSCode
F.1VSCode설정
F.2VSCode스벨트확장기능
F.3스벨트3스니펫확장
F.4스벨트인텔리센스확장

appendixG스노팩
G.1스벨트에서스노팩사용하기

누구보다빠르게남들과는다르게
스벨트와새퍼로만나는새로운웹개발의세계
스벨트와새퍼는최근웹개발영역에서각광받고있습니다.스벨트와새퍼를좋아할이유는많지만,다른웹프레임워크와비교할수없는단순함이가장큰매력입니다.스벨트는코드를더적게쓰고,더작은크기의번들을만들고,간단한상태관리를제공합니다.새퍼는스벨트기반도구로페이지라우팅,서버사이드렌더링,코드분할,정적사이트생성등의강력한기능을제공합니다.

이책은총4부,21개의장으로이루어져있습니다.1부에서는스벨트와새퍼를간단히소개합니다.2부에서는다양한예제를통해스벨트를심도있게다룹니다.3부에서는새퍼를집중탐구합니다.4부에서는위에서다루지못한스벨트,새퍼에대한내용을다룹니다.이책의예제를끝까지따라하다보면여행준비물을챙기는데유용한애플리케이션을만들게됩니다.대부분의장에서는장별주제에맞게이애플리케이션에필요한기능을추가하는것을다룹니다.

한권의책에기초개념부터고급활용,테스트,배포,네이티브까지알차게담았습니다.다양한정보와풍부한예제,친절한설명을따라가다보면스벨트와새퍼만의매력에흠뻑빠지게됩니다.누구보다빠르게남들과는다르게,스벨트와새퍼를경험하고생산성과효율성을높이고싶은개발자에게이책을권합니다.나와주변사람모두를편리하게할스벨트와새퍼의세계로떠나봅시다.

주요내용
● 스벨트,새퍼,스벨트네이티브
● REPL과로컬에서스벨트앱시작하기
● 컴포넌트만들기
● 블록구조
● 컴포넌트간통신
● 스토어
● DOM상호작용
● 라이프사이클함수
● 클라이언트사이드라우팅
● 애니메이션
● 디버깅,테스팅,배포
● 새퍼서버라우트
● 새퍼앱을정적사이트로만들기
● 새퍼오프라인지원
● 전처리기
● 스벨트네이티브와컴포넌트