장바구니 담기 close

장바구니에 상품을 담았습니다.

장바구니로 계속쇼핑하기
스벨트로 시작하는 웹 프런트엔드
미리보기

스벨트로 시작하는 웹 프런트엔드

  • 김근영
  • |
  • 비제이퍼블릭
  • |
  • 2022-01-25 출간
  • |
  • 472페이지
  • |
  • 173 X 230 mm
  • |
  • ISBN 9791165921132
판매가

29,000원

즉시할인가

26,100 원

배송비

무료배송

(제주/도서산간 배송 추가비용:3,000원)

추가상품
상품선택
독서대 7,900원 독서대 선택안함 0원
수량
+ -
총주문금액
26,100원
장바구니 구매하기

※ 스프링제본 상품은 반품/교환/환불이 불가능하므로 신중하게 선택하여 주시기 바랍니다.

북스크린영상으로 만나보는 한 권의 책 이야기

출판사서평




프런트엔드 웹 개발 트렌드를 리딩하는 강력한 프레임워크, Svelte!
프런트엔드 3대장 React · Vue · Angular의 자리를 위협한다

스벨트는 Virtual DOM(가상 돔)과 런타임에 로드할 프레임워크가 없고, 굉장히 빠른 퍼포먼스 속도를 자랑하는 최신 프레임워크다. State of JS 2020 Survey에서 개발자의 86%가 스벨트 사용에 만족했고, Stack Overflow가 2021년 실시한 설문조사에 따르면 스벨트가 71.42%로 리액트(69.28%)와 뷰(64.41%)를 제치고 가장 사랑받는 프레임워크로 선정되었다. 이런 추세라면 스벨트는 곧 대중적인 프레임워크로 성장하여 새로운 분야를 개척해 나갈 것이다.

누구보다 빠르고 효율적으로 웹 개발을 하고 싶은 독자분께 추천합니다!

프런트엔드 3대장보다 적은 코드로 강력한 결과를 내는 스벨트가 상승세를 타고 있는 지금, 스벨트를 선택하지 않을 이유는 없다. 쉽고 빠르게 웹 애플리케이션 개발을 하고 싶은 분, 새로운 웹 개발 트렌드에 관심 있는 분이라면 스벨트를 시작해야 할 때이다. 이 책과 함께 스벨트를 빠르게 습득하여 커리어 영역을 넓히고 더욱 경쟁력 있는 개발자가 되길 바란다.

이 책의 독자
- Svelte로 최신 웹 애플리케이션을 구축하려는 프런트엔드 또는 풀 스택 개발자
- JavaScript까지 학습한 후 어떤 프런트엔드 프레임워크를 선택해야 할지 고민 중인 입문자
- React, Vue, Angular 등 다른 프레임워크를 사용해 본 경험이 있는 개발자

소스코드 다운로드
https://github.com/bjpublic/Svelte


목차


Chapter 01 Svelte 소개
1-1 웹 프런트엔드의 과거와 현재
1-2 Svelte의 등장
1-3 Svelte 장점
____1-3-1 Write less code: 보다 적은 코드
____1-3-2 No virtual DOM: 가상돔 없이
____1-3-3 Truly reactive: 진정한 반응성

Chapter 02 학습 환경
2-1 REPL을 통한 예제 실행방법 소개
2-2 로컬 개발환경 구축
____2-2-1 Node.js 환경 설정
____2-2-2 비주얼 스튜디오 코드 설치
____2-2-3 Svelte 설치 및 실행
2-3 Svelte 설치 폴더 설명
____2-3-1 기본 구성요소 및 폴더 구조 설명
____2-3-2 Svelte 기본 구성요소
2-4 소스코드 실행방법

Chapter 03 컴포넌트(1) - 기본 사용방법
3-1 컴포넌트 기본
3-2 State(상태값)
3-3 Reactivity(반응성)
____3-3-1 마크업 영역에서의 반응성
____3-3-2 스크립트 영역에서의 반응성 - $:
____3-3-3 다른 프레임워크와 코드 비교
3-4 Event
____3-4-1 이벤트 기본 사용방법
____3-4-2 인라인(inline) 이벤트 사용방법
____3-4-3 이벤트 수식어(modifiers)
3-5 Props를 이용한 컴포넌트 통신방법
____3-5-1 Props 기본 사용방법
____3-5-2 Props 데이터 변경

Chapter 04 컴포넌트(2) - Template 제어
4-1 논리블록 {#if...}
____4-1-1 if 블록
____4-1-2 else 블록
____4-1-3 else-if 블록
4-2 반복블록 {#each...}
____4-2-1 Each 블록
4-3 Binding
____4-3-1 바인딩이란?
____4-3-2 레인지 바인딩
____4-3-3 셀렉트박스 바인딩
____4-3-4 체크박스 바인딩
____4-3-5 group input을 이용한 라디오 버튼 · 체크박스 바인딩
____4-3-6 contenteditable 바인딩
____4-3-7 컴포넌트 바인딩
4-4 슬롯(Slot)
____4-4-1 슬롯이란?
____4-4-2 슬롯 name 설정
____4-4-3 조건에 따른 표현
____4-4-4 슬롯에서의 Props 통신
4-5 라이프사이클

Chapter 05 컴포넌트 통신 고급
5-1 context API
____5-1-1 context API 기본 사용방법
____5-1-2 context API 활용 예제
5-2 dispatch
5-3 store
____5-3-1 writable store
____5-3-2 derived store
____5-3-3 readable store

Chapter 06 스타일 및 효과
6-1 CSS 제어
6-2 transition: 화면전환
____6-2-1 fade
____6-2-2 blur
____6-2-3 fly
____6-2-4 slide
____6-2-5 scale
____6-2-6 draw
____6-2-7 in · out
____6-2-8 crossfade
____6-2-9 flip을 이용한 애니메이션
6-3 motion
____6-3-1 tweened
____6-3-2 spring
6-4 actions
____6-4-1 액션 기본 사용방법
____6-4-2 액션에 인자 전달
____6-4-3 update · destroy
____6-4-4 액션을 통한 이벤트 제어
____6-4-5 액션을 이용한 외부 라이브러리 활용

Chapter 07 Modal로 배우는 컴포넌트 실습

Chapter 08 실전 프로젝트(1) - Todo 서비스 만들기
8-1 Todo 프로젝트 설명
____8-1-1 Todo 서비스 기능
____8-1-2 기본 환경설정
8-2 컴포넌트 배치
8-3 Todo 리스트 출력
8-4 Todo 입력
8-5 Todo 삭제
8-6 Todo 수정
8-7 count & Todo 보기모드
____8-7-1 count: 할 일 개수
____8-7-2 보기모드: 모두 보기 · 진행 · 완료
8-8 화면전환 효과 적용
8-9 스토어를 통한 Todo 리팩토링
____8-9-1 storeForm · storeTodo 작성
____8-9-2 fetchTodos · countTodo 작성
____8-9-3 컴포넌트에 스토어 적용

Chapter 09 라우터(Router)
9-1 라우터란?
9-2 tinro 설치
9-3 라우팅 기능
9-4 중첩 라우팅
9-5 파라미터 전달 및 받기
9-6 프로그래밍 제어
9-7 화면전환
9-8 라우팅 가드

Chapter 10 서버와의 통신방법
10-1 fetch를 이용한 통신
10-2 axios를 이용한 통신
10-3 {#await} 블록을 이용한 통신 제어

Chapter 11 실전 프로젝트(2) - SNS 서비스 만들기
11-1 SLOG 프로젝트 설명
____11-1-1 SLOG 서비스 기능
11-2 API 설치 및 설명
____11-2-1 SLOG 백엔드 설치
____11-2-2 SLOG API 설명
11-3 프로젝트 생성 및 컴포넌트 배치
____11-3-1 프로젝트 생성
____11-3-2 디자인 요소 배치
____11-3-3 컴포넌트 배치
11-4 라우터 설정
11-5 axios를 이용한 서버통신 설정
11-6 스토어 배치
11-7 인증 구현
____11-7-1 인증토큰 설명
____11-7-2 authToken 스토어 작성
____11-7-3 auth 스토어 작성
____11-7-4 로그인 상태 체크
____11-7-5 로그인 페이지 작성
____11-7-6 회원가입 페이지 작성
____11-7-7 작성된 인증기능 테스트
11-8 글 목록 구현
____11-8-1 currentArticlesPage 스토어 작성
____11-8-2 articles 스토어 작성
____11-8-3 무한스크롤 기능 구현
____11-8-4 무한스크롤 문제 해결
11-9 글 작성 구현
____11-9-1 로그인 상태에 따른 글 작성폼 변화
____11-9-2 ArticleAddForm 컴포넌트 작성
11-10 글 수정 및 삭제 구현
____11-10-1 글 팝업 메뉴 설정
____11-10-2 글 수정모드 만들기
____11-10-3 글 수정 삭제
11-11 코멘트 기능 구현
____11-11-1 코멘트 페이지 이동
____11-11-2 코멘트 페이지에서 선택된 글의 내용 보기 설정
____11-11-3 코멘트 추가 및 목록 보기
____11-11-4 글목록에서 코멘트 카운트 수정
11-12 "좋아요" 기능 구현
____11-12-1 "좋아요" 관련 스토어 추가
____11-12-2 Aritcle 컴포넌트에 "좋아요" 기능 추가
11-13 보기모드 변경 구현
____11-13-1 보기모드 변경 원리
____11-13-2 스토어 작성
____11-13-3 ArticleHeader 컴포넌트에 보기모드 기능 구현
11-14 앱 완성도 높이기
____11-14-1 폼 검증(form validation) 구현
____11-14-2 날짜 보기 수정
____11-14-3 로그아웃 보완
11-15 마무리

Chapter 12 rollup 소개 및 번들러 이해
12-1 번들러란?
12-2 rollup 소개
12-3 기본 설정
12-4 SCSS 설정

Chapter 13 특수 요소
13-1 〈svelte:self〉
13-2 〈svelte:component〉
13-3 〈svelte:window〉
13-4 〈svelte:body〉
13-5 〈svelte:head〉
13-6 〈svelte:options〉
13-7 〈svelte:fragment〉

Chapter 14 유용한 자바스크립트 문법
14-1 화살표함수
14-2 배열조작 메소드
추천포스트

교환 및 환불안내

도서교환 및 환불
  • ㆍ배송기간은 평일 기준 1~3일 정도 소요됩니다.(스프링 분철은 1일 정도 시간이 더 소요됩니다.)
  • ㆍ상품불량 및 오배송등의 이유로 반품하실 경우, 반품배송비는 무료입니다.
  • ㆍ고객님의 변심에 의한 반품,환불,교환시 택배비는 본인 부담입니다.
  • ㆍ상담원과의 상담없이 교환 및 반품으로 반송된 물품은 책임지지 않습니다.
  • ㆍ이미 발송된 상품의 취소 및 반품, 교환요청시 배송비가 발생할 수 있습니다.
  • ㆍ반품신청시 반송된 상품의 수령후 환불처리됩니다.(카드사 사정에 따라 카드취소는 시일이 3~5일이 소요될 수 있습니다.)
  • ㆍ주문하신 상품의 반품,교환은 상품수령일로 부터 7일이내에 신청하실 수 있습니다.
  • ㆍ상품이 훼손된 경우 반품 및 교환,환불이 불가능합니다.
  • ㆍ반품/교환시 고객님 귀책사유로 인해 수거가 지연될 경우에는 반품이 제한될 수 있습니다.
  • ㆍ스프링제본 상품은 교환 및 환불이 불가능 합니다.
  • ㆍ군부대(사서함) 및 해외배송은 불가능합니다.
  • ㆍ오후 3시 이후 상담원과 통화되지 않은 취소건에 대해서는 고객 반품비용이 발생할 수 있습니다.
반품안내
  • 마이페이지 > 나의상담 > 1 : 1 문의하기 게시판 또는 고객센터 1800-7327
교환/반품주소
  • 경기도 파주시 문발로 211 1층 / (주)북채널 / 전화 : 1800-7327
  • 택배안내 : CJ대한통운(1588-1255)
  • 고객님 변심으로 인한 교환 또는 반품시 왕복 배송비 5,000원을 부담하셔야 하며, 제품 불량 또는 오 배송시에는 전액을 당사에서부담 합니다.