- 현재 위치
- home > 컴퓨터·ICT·어학 > 컴퓨터·IT 도서 > 웹프로그래밍 > 스벨트 앤 새퍼 인 액션[한빛미디어]
;)
스벨트와 새퍼를 만나는 가장 쉽고 빠른 방법
스벨트와 새퍼는 적은 코드, 작은 번들, 효율적인 DOM 관리와 반응성을 갖춰 큰 관심을 얻고 있는 프레임워크로, 생산성을 향상하고 싶은 웹 개발자를 위한 최적의 선택이다. 이 책은 스벨트와 새퍼의 특징과 장점을 상세히 소개하며 다양한 예제를 통해 프레임워크의 기능을 꼼꼼하게 살펴본다. 할 일을 관리하는 앱과 여행 준비물을 챙기는 앱을 직접 만들어보며 스벨트가 제공하는 편리한 기능을 십분 활용해볼 수 있다. ?책의 일부 내용을 미리 읽어보실 수 있습니다. 미리보기
스벨트와 새퍼는 적은 코드, 작은 번들, 효율적인 DOM 관리와 반응성을 갖춰 큰 관심을 얻고 있는 프레임워크로, 생산성을 향상하고 싶은 웹 개발자를 위한 최적의 선택이다. 이 책은 스벨트와 새퍼의 특징과 장점을 상세히 소개하며 다양한 예제를 통해 프레임워크의 기능을 꼼꼼하게 살펴본다. 할 일을 관리하는 앱과 여행 준비물을 챙기는 앱을 직접 만들어보며 스벨트가 제공하는 편리한 기능을 십분 활용해볼 수 있다. ?책의 일부 내용을 미리 읽어보실 수 있습니다. 미리보기
저자: 마크 볼크먼 저/박수현 역
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 몽고 DB
C.1 몽고 DB 설치
C.2 데이터베이스 서버 실행
C.3 몽고 DB 셸
C.4 자바스크립트에서 몽고 DB 사용하기
appendix D 스벨트 ESLint
appendix E 스벨트 프리티어
appendix F VSCode
F.1 VSCode 설정
F.2 VSCode 스벨트 확장 기능
F.3 스벨트 3 스니펫 확장
F.4 스벨트 인텔리센스 확장
appendix G 스노팩
G.1 스벨트에서 스노팩 사용하기
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 몽고 DB
C.1 몽고 DB 설치
C.2 데이터베이스 서버 실행
C.3 몽고 DB 셸
C.4 자바스크립트에서 몽고 DB 사용하기
appendix D 스벨트 ESLint
appendix E 스벨트 프리티어
appendix F VSCode
F.1 VSCode 설정
F.2 VSCode 스벨트 확장 기능
F.3 스벨트 3 스니펫 확장
F.4 스벨트 인텔리센스 확장
appendix G 스노팩
G.1 스벨트에서 스노팩 사용하기
누구보다 빠르게 남들과는 다르게
스벨트와 새퍼로 만나는 새로운 웹 개발의 세계
스벨트와 새퍼는 최근 웹 개발 영역에서 각광받고 있습니다. 스벨트와 새퍼를 좋아할 이유는 많지만, 다른 웹 프레임워크와 비교할 수 없는 단순함이 가장 큰 매력입니다. 스벨트는 코드를 더 적게 쓰고, 더 작은 크기의 번들을 만들고, 간단한 상태 관리를 제공합니다. 새퍼는 스벨트 기반 도구로 페이지 라우팅, 서버 사이드 렌더링, 코드 분할, 정적 사이트 생성 등의 강력한 기능을 제공합니다.
이 책은 총 4부, 21개의 장으로 이루어져 있습니다. 1부에서는 스벨트와 새퍼를 간단히 소개합니다. 2부에서는 다양한 예제를 통해 스벨트를 심도 있게 다룹니다. 3부에서는 새퍼를 집중 탐구합니다. 4부에서는 위에서 다루지 못한 스벨트, 새퍼에 대한 내용을 다룹니다. 이 책의 예제를 끝까지 따라 하다 보면 여행 준비물을 챙기는 데 유용한 애플리케이션을 만들게 됩니다. 대부분의 장에서는 장별 주제에 맞게 이 애플리케이션에 필요한 기능을 추가하는 것을 다룹니다.
한 권의 책에 기초 개념부터 고급 활용, 테스트, 배포, 네이티브까지 알차게 담았습니다. 다양한 정보와 풍부한 예제, 친절한 설명을 따라가다 보면 스벨트와 새퍼만의 매력에 흠뻑 빠지게 됩니다. 누구보다 빠르게 남들과는 다르게, 스벨트와 새퍼를 경험하고 생산성과 효율성을 높이고 싶은 개발자에게 이 책을 권합니다. 나와 주변 사람 모두를 편리하게 할 스벨트와 새퍼의 세계로 떠나봅시다.
주요 내용
·스벨트, 새퍼, 스벨트 네이티브
·REPL과 로컬에서 스벨트 앱 시작하기
·컴포넌트 만들기
·블록 구조
·컴포넌트 간 통신
·스토어
·DOM 상호작용
·라이프사이클 함수
·클라이언트 사이드 라우팅
·애니메이션
·디버깅, 테스팅, 배포
·새퍼 서버 라우트
·새퍼 앱을 정적 사이트로 만들기
·새퍼 오프라인 지원
·전처리기
·스벨트 네이티브와 컴포넌트
스벨트와 새퍼로 만나는 새로운 웹 개발의 세계
스벨트와 새퍼는 최근 웹 개발 영역에서 각광받고 있습니다. 스벨트와 새퍼를 좋아할 이유는 많지만, 다른 웹 프레임워크와 비교할 수 없는 단순함이 가장 큰 매력입니다. 스벨트는 코드를 더 적게 쓰고, 더 작은 크기의 번들을 만들고, 간단한 상태 관리를 제공합니다. 새퍼는 스벨트 기반 도구로 페이지 라우팅, 서버 사이드 렌더링, 코드 분할, 정적 사이트 생성 등의 강력한 기능을 제공합니다.
이 책은 총 4부, 21개의 장으로 이루어져 있습니다. 1부에서는 스벨트와 새퍼를 간단히 소개합니다. 2부에서는 다양한 예제를 통해 스벨트를 심도 있게 다룹니다. 3부에서는 새퍼를 집중 탐구합니다. 4부에서는 위에서 다루지 못한 스벨트, 새퍼에 대한 내용을 다룹니다. 이 책의 예제를 끝까지 따라 하다 보면 여행 준비물을 챙기는 데 유용한 애플리케이션을 만들게 됩니다. 대부분의 장에서는 장별 주제에 맞게 이 애플리케이션에 필요한 기능을 추가하는 것을 다룹니다.
한 권의 책에 기초 개념부터 고급 활용, 테스트, 배포, 네이티브까지 알차게 담았습니다. 다양한 정보와 풍부한 예제, 친절한 설명을 따라가다 보면 스벨트와 새퍼만의 매력에 흠뻑 빠지게 됩니다. 누구보다 빠르게 남들과는 다르게, 스벨트와 새퍼를 경험하고 생산성과 효율성을 높이고 싶은 개발자에게 이 책을 권합니다. 나와 주변 사람 모두를 편리하게 할 스벨트와 새퍼의 세계로 떠나봅시다.
주요 내용
·스벨트, 새퍼, 스벨트 네이티브
·REPL과 로컬에서 스벨트 앱 시작하기
·컴포넌트 만들기
·블록 구조
·컴포넌트 간 통신
·스토어
·DOM 상호작용
·라이프사이클 함수
·클라이언트 사이드 라우팅
·애니메이션
·디버깅, 테스팅, 배포
·새퍼 서버 라우트
·새퍼 앱을 정적 사이트로 만들기
·새퍼 오프라인 지원
·전처리기
·스벨트 네이티브와 컴포넌트
