- 주문상품수량
- 개
- 예상적립금
P - 상품할인금
- 원
- 배송료
- 원
- 주문합계
- 원
네비게이션 실시간 인기 책
LUVIT♥ 새로운 웹 개발의 시작 스벨트 OTT 웹페이지를 만들면서 배우는 쉽고 빠른 웹 개발 프레임워크
- 오시내 저
- 제이펍
- 2025년 02월 14일
-
정가32,000원
-
판매가28,800원 [10% 할인]
-
결제 혜택무이자
카드할인/포인트결제 안내
제휴카드
반디앤루니스 롯데카드 결제금액 최대 25% 청구할인 (1만원 이상 결제건에 한해 월 2회, 건당 최대 1만원 할인) 반디앤루니스 우리V카드 결제금액 10% 청구할인 포인트결제
OK캐쉬백 포인트 최소 10원부터 전액 사용 or 1% 적립 현대카드 M포인트 결제금액의 최대 10% 사용 가능 신한카드 포인트 결제금액의 최대 10% 사용 가능(일부카드) 하나(구.외환) 포인트 보유 한도 내에서 100% 사용 가능 씨티카드 포인트 결제금액의 최대 50% 사용 가능 할인카드
NH농협 TAKE5카드 20% 청구할인(Edu Pack) 채움 플래티늄 멀티카드 20% 청구할인 모바일 Tmoney 신한카드 10% 청구할인 신한카드 Shopping 10% 청구할인 NH농협 체크카드 10% 청구할인 NH20 해봄 신용카드 10% 청구할인 씨티 클리어 카드 7% 청구할인 NH20 해봄 체크카드 5% 청구할인 NH농협 LADY다솜카드 5% 청구할인 신한카드 큐브 5% 청구할인 신한카드 큐브 PLATINUM# 5% 청구할인 
무이자 안내
-
적립금1,600원 적립 [5%P]
추가 적립금 안내
[2천원 추가 적립]
총 주문금액 5만원 이상 구매 시 2,000원 추가 적립
도서(eBook포함)만 구매 시 적립 대상에서 제외업채배송상품 포함(기프트, 업체배송 등) 5만원[멤버십 추가 적립]
슈퍼루니 : 3% 추가 적립
골드루니 : 2% 추가 적립
실버루니 : 1% 추가 적립
단, 국내도서, eBook만 구매 시 적립 불가
-
배송료무료배송
-
출고예정일
출고예정일 안내
※ 출고예정일은 도서 재고상황에 따라 변동될 수 있습니다.
2025년 07월 02일(수)※ 출고예정일은 도서 재고상황에 따라 변동될 수 있습니다.
당일배송 가능지역 검색
“도로명주소”를 쉽게 찾아보세요
1. 도로명으로 검색하기 (예, “직지길” or “직지길+322”)
2. 건물명으로 검색하기 (예, “반디앤루니스빌딩”)
3. 동(읍/면/리) 으로 검색 (예, “인사동” or “인사동+43”)
4. 도로명주소를 모르실 경우 도로명주소 안내시스템(http://www.juso.go.kr)에서 확인해주세요.
시/도
시/군/구
회원리뷰
ISBN: 9791193926994
512쪽
973g
188 x 245 (㎜)
지금 이책은
- 판매지수 : 0
이 분야의 베스트셀러
-
이것이 취업을 위한 코딩 테스트다 with 파이썬
나동빈
30,600원
-
지니어스키트로 배우는 마이크로비트
아이씨뱅큐
18,000원
-
Do it! 점프 투 파이썬 [개정판]
박응용
16,920원
동영상 소개
동영상이 제대로 보이지 않으세요? 
이 책이 속한 분야
책 소개
이 책은
스벨트는 간결한 문법과 뛰어난 성능으로 주목받는 최신 웹 개발 프레임워크다. 이 책은 스벨트의 기본 개념부터 고급 기능까지, 실습 프로젝트를 통해 깊이 있게 학습할 수 있도록 구성되었다. 컴포넌트와 데이터 관리의 기초를 배우는 My Bucket List, 스토어를 활용하여 데이터 목록을 구현하는 Best Tour 같은 간단한 프로젝트로 기본기를 다지고, 대규모 데이터 처리와 외부 API를 활용해 OTT 웹페이지를 모방한 무빙 프로젝트로 실무 감각을 익힐 수 있다.
또한, 라우터, 서버 데이터 통신, 애니메이션, 스토어 활용 등 개발 현장에서 유용한 기술을 다루며, 효율적인 프로젝트 구현 방법을 제시한다. 부록에서는 스벨트킷을 이용한 고성능 웹 앱 개발도 소개한다. 실무 중심의 학습으로 스벨트를 활용한 웹 개발 역량을 키워보자.
출판사 리뷰
저자 소개
강의를 사랑하는 프런트엔드 개발자. 컴퓨터 공학을 전공하진 않았지만, 디자인부터 시작해서 프런트엔드와 백엔드까지 아우르며 웹 개발에 진심인 1n년 차 개발자이자 강사다. 고양이와 여행을 좋아하며, 가장 큰 즐거움은 강의를 통해 지식을 나누는 것이다. 현재 유튜브 ‘오쌤의 니가스터디’ 채널을 운영하면서 미래의 프런트엔드 개발자들과 활발히 소통하고 있다.
목차
머리말 xi
베타리더 후기 xii
이 책을 읽는 법 xiv
학습 가이드 xvi
로드맵 xviii
PART 1 스벨트 소개 및 개발 환경 구축
CHAPTER 1 스벨트 개요
1.1 스벨트의 현 위치와 웹 프레임워크 4 / 1.2 스벨트의 탄생과 철학 5 / 1.3 스벨트의 장점 8 / 돌아보기&쪽지시험 12
CHAPTER 2 스벨트 개발 환경 구축
2.1 사이트를 활용한 Playground 14 / 2.2 로컬 개발 환경 구축 16 / 2.3 스벨트 프로젝트 설치 19 / 2.4 스벨트 프로젝트 폴더 구조 24 / 돌아보기&쪽지시험 25
PART 2 스벨트 컴포넌트 사용법
CHAPTER 3 컴포넌트 기본 사용법
3.1 컴포넌트란? 30 / 3.2 컴포넌트 제작 32 / 돌아보기&쪽지시험 36
CHAPTER 4 상탯값 관리
4.1 상탯값이란? 38 / 4.2 클릭 이벤트를 이용한 상탯값 변경 41 / 4.3 객체 속성을 상탯값으로 활용 43 / 4.4 객체로 이루어진 배열을 이용하여 상탯값 표시 45 / 돌아보기&쪽지시험 47
CHAPTER 5 반응성
5.1 삼항 연산자를 통한 마크업에서의 반응성 51 / 5.2 스크립트 반응성 코드 52 / 돌아보기&쪽지시험 57
CHAPTER 6 스벨트 이벤트
6.1 이벤트 문법 60 / 6.2 이벤트 수식어 65 / 돌아보기&쪽지시험 67
CHAPTER 7 스벨트 props
7.1 props 기본 문법 70 / 7.2 props 기본값 설정 72 / 7.3 props 데이터 변경 74 / 7.4 스프레드 props 76 / 돌아보기&쪽지시험 78
CHAPTER 8 스벨트 로직
8.1 논리 로직: if 블록 82 / 8.2 반복 로직: each 블록 86 / 돌아보기&쪽지시험 91
PART 3 스벨트 바인딩과 데이터 관리
CHAPTER 9 폼 관련 요소 바인딩
9.1 바인딩이란? 96 / 9.2 입력 요소 관련 바인딩 97 / 9.3 선택 상자 관련 바인딩 102 / 돌아보기&쪽지시험 107
CHAPTER 10 기타 요소 바인딩
10.1 each 블록 바인딩 110 / 10.2 멀티미디어 요소 바인딩 116 / 10.3 공간 바인딩 119 / 10.4 bind:this 바인딩 121 / 10.5 컴포넌트 바인딩 126 / 돌아보기&쪽지시험 129
CHAPTER 11 스벨트 slot
11.1 slot 기본 사용법 131 / 11.2 fallback slot 133 / 11.3 slot 이름 설정 135 / 11.4 slot props 138 / 11.5 조건 관련 slot 141 / 돌아보기&쪽지시험 143
CHAPTER 12 라이프 사이클
12.1 onMount 함수 147 / 12.2 onDestroy 함수 150 / 12.3 beforeUpdate와 afterUpdate 함수 152 / 12.4 tick 함수 156 / 돌아보기&쪽지시험 161
CHAPTER 13 Context API
13.1 Context API란? 163 / 13.2 Context API 기본 사용법 166 / 13.3 dispatch 169 / 돌아보기&쪽지시험 172
CHAPTER 14 스토어
14.1 writable 스토어 174 / 14.2 readable 스토어 180 / 14.3 derived 스토어 182 / 14.4 커스텀 스토어 184 / 14.5 스토어 바인딩 186 / 돌아보기&쪽지시험 188
PART 4 스벨트 스타일과 DOM 제어
CHAPTER 15 스벨트 CSS 제어
15.1 스벨트 CSS 기본 사용법 192 / 15.2 class: 지시문 194 / 15.3 rollup을 통한 Sass 플러그인 설치 198 / 돌아보기&쪽지시험 201
CHAPTER 16 스벨트 트랜지션
16.1 transition: 지시문 203 / 16.2 페이드 효과 204 / 16.3 블러 효과 208 / 16.4 슬라이드 효과 211 / 16.5 스케일 효과 213 / 16.6 플라이 효과 215 / 16.7 그리기 효과 217 / 16.8 크로스페이드 효과 219 / 16.9 커스텀 트랜지션 만들기 225 / 16.10 트랜지션 이벤트 230 / 16.11 트랜지션 수식어 232 / 돌아보기&쪽지시험 234
CHAPTER 17 애니메이션과 모션
17.1 animate: 지시문과 flip 효과 236 / 17.2 커스텀 애니메이션 만들기 239 / 17.3 모션의 tweened 효과 241 / 17.4 모션의 spring 효과 243 / 돌아보기&쪽지시험 246
CHAPTER 18 스벨트 액션
18.1 액션의 기본 사용 방법 248 / 18.2 액션에 매개변수 전달 251 / 18.3 update와 destory 253 / 18.4 외부 라이브러리를 이용한 액션 256 / 돌아보기&쪽지시험 258
CHAPTER 19 스벨트 특별 요소
19.1 <svelte:self> 요소 260 / 19.2 <svelte:component> 요소 262 / 19.3 <svelte:element> 요소 264 / 19.4 <svelte:window> 요소 266 / 19.5 <svelte:document> 요소 269 / 19.6 <svelte:body> 요소 271 / 19.7 <svelte:head> 요소 273 / 19.8 <svelte:options> 요소 274 / 19.9 <svelte:fragment> 요소 278 / 돌아보기&쪽지시험 281
PART 5 심플 프로젝트
CHAPTER 20 심플 프로젝트 1: My Bucket List
20.1 프로젝트 생성 및 라이브러리 설치 286 / 20.2 컴포넌트 생성 288 / 20.3 CSS 설정 289 / 20.4 컴포넌트 구성 290 / 20.5 데이터 관리 294 / 20.6 BucketItem 이벤트 관리 299 / 20.7 데이터 추가 307 / 20.8 화면전환 효과 추가하기 310 / 20.9 스토어를 이용한 리팩터링 311 /
CHAPTER 21 심플 프로젝트 2: Best Tour
21.1 프로젝트 생성 및 라이브러리 설치 325 / 21.2 컴포넌트 생성 326 / 21.3 CSS 설정 328 / 21.4 데이터 관리 329 / 21.5 컴포넌트 구성 331 / 21.6 BestItem 이벤트 관리 335 / 21.7 데이터 추가 337
PART 6 라우터 및 서버 데이터 통신
CHAPTER 22 라우터
22.1 svelte-routing의 기본 사용법 346 / 22.2 svelte-routing의 파라미터 352 / 22.3 쿼리스트링을 이용한 주소 처리 356 / 22.4 Best Tour 여행상품 세부 페이지 제작 360 / 돌아보기&쪽지시험 366
CHAPTER 23 서버 데이터 통신
23.1 REST API 368 / 23.2 axios 라이브러리 369 / 23.3 await 블록을 이용한 통신 제어 372 / 돌아보기&쪽지시험 375
PART 7 실전 프로젝트
CHAPTER 24 TMDB API
24.1 TMDB 소개 및 회원가입 380 / 24.2 TMDB API 활용 383
CHAPTER 25 SwiperJS 라이브러리
25.1 SwiperJS 소개 및 스벨트 버전 389 / 25.2 SwiperJS 활용 예제 391
CHAPTER 26 OTT 웹 앱 서비스 제작: 무빙
26.1 프로젝트 구조 생성 및 라이브러리 설치 397 / 26.2 공통 컴포넌트 제작 및 서브페이지 생성 401 / 26.3 TMDB에서 가져온 데이터를 스토어에 담기 409 / 26.4 Swiper를 통한 메인 이미지 제작 414 / 26.5 현재상영작 - 서브페이지 리스트 컴포넌트 제작 428 / 26.6 현재상영작 - 리스트별 상세페이지 제작 435 / 26.7 인기영화 페이지 제작 440 / 26.8 개봉예정작 페이지 제작 446 / 26.9 높은평점 페이지 제작 451 / 26.10 깃허브 Pages에 배포 457
특별부록 스벨트킷
APPENDIX A 스벨트킷 프로젝트
A.1 스벨트킷 소개 472 / A.2 프로젝트 만들기 473 / A.3 프로젝트 구조 확인 476
APPENDIX B 핵심 개념: 라우팅
B.1 기본 라우팅 처리 479 / B.2 레이아웃 482 / B.3 동적 라우팅 484 / B.4 스토어 페이지 488
찾아보기 490
베타리더 후기 xii
이 책을 읽는 법 xiv
학습 가이드 xvi
로드맵 xviii
PART 1 스벨트 소개 및 개발 환경 구축
CHAPTER 1 스벨트 개요
1.1 스벨트의 현 위치와 웹 프레임워크 4 / 1.2 스벨트의 탄생과 철학 5 / 1.3 스벨트의 장점 8 / 돌아보기&쪽지시험 12
CHAPTER 2 스벨트 개발 환경 구축
2.1 사이트를 활용한 Playground 14 / 2.2 로컬 개발 환경 구축 16 / 2.3 스벨트 프로젝트 설치 19 / 2.4 스벨트 프로젝트 폴더 구조 24 / 돌아보기&쪽지시험 25
PART 2 스벨트 컴포넌트 사용법
CHAPTER 3 컴포넌트 기본 사용법
3.1 컴포넌트란? 30 / 3.2 컴포넌트 제작 32 / 돌아보기&쪽지시험 36
CHAPTER 4 상탯값 관리
4.1 상탯값이란? 38 / 4.2 클릭 이벤트를 이용한 상탯값 변경 41 / 4.3 객체 속성을 상탯값으로 활용 43 / 4.4 객체로 이루어진 배열을 이용하여 상탯값 표시 45 / 돌아보기&쪽지시험 47
CHAPTER 5 반응성
5.1 삼항 연산자를 통한 마크업에서의 반응성 51 / 5.2 스크립트 반응성 코드 52 / 돌아보기&쪽지시험 57
CHAPTER 6 스벨트 이벤트
6.1 이벤트 문법 60 / 6.2 이벤트 수식어 65 / 돌아보기&쪽지시험 67
CHAPTER 7 스벨트 props
7.1 props 기본 문법 70 / 7.2 props 기본값 설정 72 / 7.3 props 데이터 변경 74 / 7.4 스프레드 props 76 / 돌아보기&쪽지시험 78
CHAPTER 8 스벨트 로직
8.1 논리 로직: if 블록 82 / 8.2 반복 로직: each 블록 86 / 돌아보기&쪽지시험 91
PART 3 스벨트 바인딩과 데이터 관리
CHAPTER 9 폼 관련 요소 바인딩
9.1 바인딩이란? 96 / 9.2 입력 요소 관련 바인딩 97 / 9.3 선택 상자 관련 바인딩 102 / 돌아보기&쪽지시험 107
CHAPTER 10 기타 요소 바인딩
10.1 each 블록 바인딩 110 / 10.2 멀티미디어 요소 바인딩 116 / 10.3 공간 바인딩 119 / 10.4 bind:this 바인딩 121 / 10.5 컴포넌트 바인딩 126 / 돌아보기&쪽지시험 129
CHAPTER 11 스벨트 slot
11.1 slot 기본 사용법 131 / 11.2 fallback slot 133 / 11.3 slot 이름 설정 135 / 11.4 slot props 138 / 11.5 조건 관련 slot 141 / 돌아보기&쪽지시험 143
CHAPTER 12 라이프 사이클
12.1 onMount 함수 147 / 12.2 onDestroy 함수 150 / 12.3 beforeUpdate와 afterUpdate 함수 152 / 12.4 tick 함수 156 / 돌아보기&쪽지시험 161
CHAPTER 13 Context API
13.1 Context API란? 163 / 13.2 Context API 기본 사용법 166 / 13.3 dispatch 169 / 돌아보기&쪽지시험 172
CHAPTER 14 스토어
14.1 writable 스토어 174 / 14.2 readable 스토어 180 / 14.3 derived 스토어 182 / 14.4 커스텀 스토어 184 / 14.5 스토어 바인딩 186 / 돌아보기&쪽지시험 188
PART 4 스벨트 스타일과 DOM 제어
CHAPTER 15 스벨트 CSS 제어
15.1 스벨트 CSS 기본 사용법 192 / 15.2 class: 지시문 194 / 15.3 rollup을 통한 Sass 플러그인 설치 198 / 돌아보기&쪽지시험 201
CHAPTER 16 스벨트 트랜지션
16.1 transition: 지시문 203 / 16.2 페이드 효과 204 / 16.3 블러 효과 208 / 16.4 슬라이드 효과 211 / 16.5 스케일 효과 213 / 16.6 플라이 효과 215 / 16.7 그리기 효과 217 / 16.8 크로스페이드 효과 219 / 16.9 커스텀 트랜지션 만들기 225 / 16.10 트랜지션 이벤트 230 / 16.11 트랜지션 수식어 232 / 돌아보기&쪽지시험 234
CHAPTER 17 애니메이션과 모션
17.1 animate: 지시문과 flip 효과 236 / 17.2 커스텀 애니메이션 만들기 239 / 17.3 모션의 tweened 효과 241 / 17.4 모션의 spring 효과 243 / 돌아보기&쪽지시험 246
CHAPTER 18 스벨트 액션
18.1 액션의 기본 사용 방법 248 / 18.2 액션에 매개변수 전달 251 / 18.3 update와 destory 253 / 18.4 외부 라이브러리를 이용한 액션 256 / 돌아보기&쪽지시험 258
CHAPTER 19 스벨트 특별 요소
19.1 <svelte:self> 요소 260 / 19.2 <svelte:component> 요소 262 / 19.3 <svelte:element> 요소 264 / 19.4 <svelte:window> 요소 266 / 19.5 <svelte:document> 요소 269 / 19.6 <svelte:body> 요소 271 / 19.7 <svelte:head> 요소 273 / 19.8 <svelte:options> 요소 274 / 19.9 <svelte:fragment> 요소 278 / 돌아보기&쪽지시험 281
PART 5 심플 프로젝트
CHAPTER 20 심플 프로젝트 1: My Bucket List
20.1 프로젝트 생성 및 라이브러리 설치 286 / 20.2 컴포넌트 생성 288 / 20.3 CSS 설정 289 / 20.4 컴포넌트 구성 290 / 20.5 데이터 관리 294 / 20.6 BucketItem 이벤트 관리 299 / 20.7 데이터 추가 307 / 20.8 화면전환 효과 추가하기 310 / 20.9 스토어를 이용한 리팩터링 311 /
CHAPTER 21 심플 프로젝트 2: Best Tour
21.1 프로젝트 생성 및 라이브러리 설치 325 / 21.2 컴포넌트 생성 326 / 21.3 CSS 설정 328 / 21.4 데이터 관리 329 / 21.5 컴포넌트 구성 331 / 21.6 BestItem 이벤트 관리 335 / 21.7 데이터 추가 337
PART 6 라우터 및 서버 데이터 통신
CHAPTER 22 라우터
22.1 svelte-routing의 기본 사용법 346 / 22.2 svelte-routing의 파라미터 352 / 22.3 쿼리스트링을 이용한 주소 처리 356 / 22.4 Best Tour 여행상품 세부 페이지 제작 360 / 돌아보기&쪽지시험 366
CHAPTER 23 서버 데이터 통신
23.1 REST API 368 / 23.2 axios 라이브러리 369 / 23.3 await 블록을 이용한 통신 제어 372 / 돌아보기&쪽지시험 375
PART 7 실전 프로젝트
CHAPTER 24 TMDB API
24.1 TMDB 소개 및 회원가입 380 / 24.2 TMDB API 활용 383
CHAPTER 25 SwiperJS 라이브러리
25.1 SwiperJS 소개 및 스벨트 버전 389 / 25.2 SwiperJS 활용 예제 391
CHAPTER 26 OTT 웹 앱 서비스 제작: 무빙
26.1 프로젝트 구조 생성 및 라이브러리 설치 397 / 26.2 공통 컴포넌트 제작 및 서브페이지 생성 401 / 26.3 TMDB에서 가져온 데이터를 스토어에 담기 409 / 26.4 Swiper를 통한 메인 이미지 제작 414 / 26.5 현재상영작 - 서브페이지 리스트 컴포넌트 제작 428 / 26.6 현재상영작 - 리스트별 상세페이지 제작 435 / 26.7 인기영화 페이지 제작 440 / 26.8 개봉예정작 페이지 제작 446 / 26.9 높은평점 페이지 제작 451 / 26.10 깃허브 Pages에 배포 457
특별부록 스벨트킷
APPENDIX A 스벨트킷 프로젝트
A.1 스벨트킷 소개 472 / A.2 프로젝트 만들기 473 / A.3 프로젝트 구조 확인 476
APPENDIX B 핵심 개념: 라우팅
B.1 기본 라우팅 처리 479 / B.2 레이아웃 482 / B.3 동적 라우팅 484 / B.4 스토어 페이지 488
찾아보기 490
배송 시 유의사항
- 반디앤루니스에서 구매하신 도서는 물류 대행 위탁업체 웅진 북센을 통해 배송됩니다.
(배송 포장에 "웅진 북센"으로 표기될 수 있습니다.)
- 구매한 상품의 품질과 배송 관련 문의는 반디앤루니스로 문의 바랍니다.
- 천재지변 및 택배사의 사정에 따라 배송이 지연될 수 있습니다.
- 결제(입금) 완료 후 출판사 및 유통사의 사정으로 품절 또는 절판 되어 상품 구입이 어려울 수 있습니다. (별도 안내 예정)
- 도서산간지역의 경우 추가 배송비가 발생될 수 있습니다.
반품/교환
상품 설명에 반품/ 교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다)
반품/교환
-
반품/교환 반품/교환 방법 홈 > 고객센터 > 자주찾는질문 “반품/교환/환불” 안내 참고 또는 1:1상담게시판 반품/교환 가능 기간 반품,교환은 배송완료 후 7일 이내, 상품의 결함 및 계약내용과 다를 경우 문제발견 후 30일 이내에 신청가능 반품/교환 비용 변심 혹은 구매착오의 경우에만 반송료 고객 부담(별도 지정 택배사 없음) 반품/교환 불가 사유 - 소비자의 책임 사유로 상품 등이 손실 또는 훼손된 경우
- 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
- 복제가 가능한 상품 등의 포장을 훼손한 경우 : 예)만화책, 잡지, 화보집 등
- 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
- 전자상거래등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우
- 해외주문 상품(해외 원서)의 경우(파본/훼손/오발송 상품을 제외)
소비자 피해보상
환불지연에 따른 배상- 상품의 불량에 의한 반품, 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은
소비자 분쟁해결 기준(공정거래위원회고시)에 준하여 처리됨 - 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의
소비자 보호에 관한 법률에 따라 처리함
반품/교환 주소 경기도 파주시 문발로 77, 웅진북센(반디앤루니스)
