스벨트와 새퍼를 만나는 가장 쉽고 빠른 방법 스벨트와 새퍼는 적은 코드, 작은 번들, 효율적인 DOM 관리와 반응성을 갖춰 큰 관심을 얻고 있는 프레임워크로, 생산성을 향상하고 싶은 웹 개발자를 위한 최적의 선택이다. 이 책은 스벨트와 새퍼의 특징과 장점을 상세히 소개하며 다양한 예제를 통해 프레임워크의 기능을 꼼꼼하게 살펴본다. 할 일을 관리하는 앱과 여행 준비물을 챙기는 앱을 직접 만들어보며 스벨트가 제공하는 편리한 기능을 십분 활용해볼 수 있다.
미국 미주리주 세인트루이스에 위치한 주식회사 오브젝트 컴퓨팅(Object Computing Inc)에서 1996년부터 소프트웨어 컨설팅 및 훈련 일을 해왔다. 컨설턴트로서 수많은 회사에 자바스크립트, Node.js, 스벨트, 리액트, 뷰, 앵귤러 등의 기술 자문을 제공했다. 또한 Node.js, 리액트, 뷰, 앵귤러, jQuery, 자바스크립트, HTML5, CSS3, 루비, 자바, XML 분야에 대한 많은 강좌를 개설하고 가르쳐왔다. 세인트루이스 지역의 사용자 그룹에서 자주 강연하며, Nordic.js, Jfokus, NDC Oslo, Strange Loop, MidwestJS, No Fluff Just Stuff, XML DevCon과 같은 많은 콘퍼런스에 발표자로 참석했다. 다양한 소프트웨어 개발 주제로 많은 글을 써왔다(https://objectcomputing.com/resources/publications/mark-volkmann). 여가 시간에는 주로 달리기를 즐긴다. 벌써 39개 주에서 49번의 마라톤에 참가했다.
Part I 시작하기chapter?1 선수 입장1.1 스벨트란 1.2 새퍼란 1.3 스벨트 네이티브란 1.4 스벨트와 다른 웹 프레임워크의 차이점 1.5 어떤 도구로 시작하면 좋을까 1.6 마치며 chapter?2 첫 스벨트 앱 만들기2.1 스벨트 REPL 2.2 REPL 없이 개발하기 2.3 보너스 앱 2.4 마치며 Part II 스벨트 파헤치기chapter?3 컴포넌트 만들기3.1.svelte 파일에 담기는 것 3.2 컴포넌트 마크업 3.3 컴포넌트 이름 3.4 컴포넌트 스타일 3.5 CSS 명시도 3.6 유효 범위를 가지는 스타일과 전역 스타일 3.7 CSS 전처리기 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?7 DOM 상호작용7.1 HTML 삽입7.2 액션7.3 tick 함수7.4 대화 상자 컴포넌트 만들기7.5 드래그 앤드 드롭7.6 여행 준비물 앱 만들기7.7 마치며chapter?8 라이프사이클 함수8.1 설정8.2 onMount 라이프사이클 함수8.3 onDestroy 라이프사이클 함수8.4 beforeUpdate 라이브사이클 함수8.5 afterUpdate 라이프사이클 함수8.6 도우미 함수8.7 여행 준비물 앱 만들기8.8 마치며chapter?9 클라이언트 사이드 라우팅9.1 수동 라우팅9.2 해시 라우팅9.3 page.js 라이브러리9.4 page.js로 경로 및 쿼리 파라미터 처리하기9.5 여행 준비물 앱 만들기9.6 마치며chapter?10 애니메이션10.1 이징 함수10.2 svelte/animate 패키지10.3 svelte/motion 패키지10.4 svelte/transition 패키지10.5 fade 전환과 flip 애니메이션10.6 crossfade 전환10.7 draw 전환10.8 사용자 정의 전환10.9 transition 대 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.1 HTTP 서버로 배포하기13.2 네틀리파이로 배포하기13.3 버셀로 배포하기13.4 도커로 배포하기13.5 마치며chapter?14 고급 스벨트14.1 폼 검사14.2 CSS 라이브러리 사용하기14.3 특수 요소14.4 JSON 파일 불러오기14.5 컴포넌트 라이브러리 만들기14.6 웹 컴포넌트14.7 마치며Part III 새퍼의 세계로chapter?15 처음 만나는 새퍼 앱15.1 새로운 새퍼 앱 만들기15.2 쇼핑 앱을 새퍼로 다시 만들기15.3 마치며chapter?16 새퍼 앱16.1 새퍼 파일 구조16.2 페이지 라우트16.3 페이지 레이아웃16.4 에러 처리16.5 서버와 클라이언트 모두에서 실행하기16.6 Fetch API 래퍼16.7 프리로딩16.8 프리페칭16.9 코드 분할16.10 여행 준비물 앱 만들기16.11 마치며chapter?17 새퍼 서버 라우트17.1 서버 라우트 소스 파일17.2 서버 라우트 함수17.3 CRUD 예제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 마치며Part IV 스벨트와 새퍼, 그 너머의 세계로chapter?20 전처리기20.1 사용자 정의 전처리20.2 svelte-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 마치며appendix A 참고 자료A.1 스벨트 관련 발표A.2 스벨트 관련 웹 페이지A.3 프레임워크 비교 자료A.4 새퍼 관련 자료A.5 스벨트 네이티브 관련 웹 페이지A.6 스벨트 GL 관련 자료A.7 스벨트 도구A.8 스벨트 라이브러리A.9 VSCode 자료A.10 그 외 참고 자료A.11 그 외 도구A.12 그 외 라이브러리A.13 기타appendix B REST 서비스 사용하기B.1 헤더appendix C 몽고 DBC.1 몽고 DB 설치C.2 데이터베이스 서버 실행C.3 몽고 DB 셸C.4 자바스크립트에서 몽고 DB 사용하기appendix D 스벨트 ESLintappendix E 스벨트 프리티어appendix F VSCodeF.1 VSCode 설정F.2 VSCode 스벨트 확장 기능F.3 스벨트 3 스니펫 확장F.4 스벨트 인텔리센스 확장appendix G 스노팩G.1 스벨트에서 스노팩 사용하기
