본문내용 바로가기
무료배송 이벤트 사은품 소득공제

Do it! 프로그레시브 웹앱 만들기 반응형 웹 개발부터 하이브리드 앱 배포까지 PWA 완전 정복!

김응석 지음 | 이지스퍼블리싱 | 2020년 08월 06일 출간
클로버 리뷰쓰기

이 책의 다른 상품 정보

  • 정가 : 32,000원
    판매가 : 28,800 [10%↓ 3,200원 할인]
  • 혜택 :
    [기본적립] 1600원 적립 [5% 적립] [추가적립] 5만원 이상 구매 시 2,000원 추가적립 안내 [회원혜택] 회원 등급 별, 3만원 이상 구매 시 2~4% 추가적립 안내 [리뷰적립] 리뷰 작성 시 e교환권 최대 300원 추가적립 안내
  • 추가혜택 : 포인트 안내 도서소득공제 안내 추가혜택 더보기
  • 배송비 : 무료 배송비 안내
  • 배송일정 : 서울특별시 종로구 세종대로 기준 지역변경
    지금 주문하면 내일(25일,토) 도착 예정 배송일정 안내
  • 바로드림 : 인터넷으로 주문하고 매장에서 직접 수령 안내 바로드림 혜택
    휴일에는 바로드림 픽업으로 더 빨리 받아 보세요. 바로드림 혜택받고 이용하기

이 책의 이벤트

해외주문/바로드림/제휴사주문/업체배송건의 경우 1+1 증정상품이 발송되지 않습니다.
  • 컴퓨터/IT분야 2만원 이상 구매 시 개발자 매거진 선택 가능
    2021.09.03 ~ 2021.10.03
  • IT 행사도서 포함 3만원 이상 구매시 개발자 책꽂이 사은품 선..
    2021.07.16 ~ 2021.09.30
  • 책을 통해 성장해나가는 개발자를 응원합니다.
    2017.06.22 ~ 2025.07.31
상품상세정보
ISBN 9791163031765(1163031763)
쪽수 576쪽
크기 189 * 258 * 27 mm /1179g 판형알림

책소개

이 책이 속한 분야

이 책의 주제어

구글이 주도하고 MS와 삼성이 주목했다!
웹과 앱을 한방에 만드는 프로그레시브 웹앱, 한 권으로 끝내기!
이 책은 글로벌 IT 기업들이 주목하는 차세대 웹 기술인 프로그레시브 웹앱(PWA)을 다룹니다. 뷰와 뷰티파이, ES6 버전 이상의 모던 자바스크립트를 활용해 기본적인 반응형 웹을 개발하고, 여기에 PWA(progressive web apps)의 핵심 요소를 추가함으로써 데스크톱이나 모바일 등 어디서나 실행되는 웹앱을 만듭니다. 또한 파이어베이스를 활용해 실시간 데이터베이스 연동과 푸시 알림, 구글 인증 등의 기능을 구현하면서 서버리스 웹 애플리케이션 개발을 경험할 수 있으며, PWA를 하이브리드 앱으로 만들어 구글 플레이에 직접 배포하는 방법까지 안내합니다. 독자는 스위프트나 코틀린, 자바와 같은 언어를 새로 배우지 않고도 모던 웹 기술로 네이티브 앱 수준의 성능과 사용자 경험을 제공하는 모바일 앱을 개발하고 배포하는 방법을 배웁니다.
▶ 『Do it! 프로그레시브 웹앱 만들기』 강의 동영상

*출판사의 사정에 따라 서비스가 변경 또는 중지될 수 있습니다.
*window7의 경우 사운드 연결이 없을시, 동영상 재생에 오류가 발생할 수 있습니다. 이어폰, 스피커 등이 연결되어 있는지 확인 하시고 재생하시기 바랍니다.

상세이미지

Do it! 프로그레시브 웹앱 만들기 도서 상세이미지

목차

머리말
이 책의 구성
베타테스터의 한마디

====================
첫째마당 프로그레시브 웹앱 시작하기
====================
[01] 헬로! 프로그레시브 웹앱
01-1 프로그레시브 웹앱이 뭐예요?
01-2 프로그레시브 웹앱을 대표하는 6가지 핵심 기술
01-3 비주얼 스튜디오 코드 설치하기
01-4 ‘안녕하세요’ 예제 만들기

[02] 모던 자바스크립트 꼭 필요한 것만 배우기
02-1 재활용할 수 있는 블록 함수
02-2 변수 선언
02-3 화살표 함수
02-4 모듈 내보내기와 가져오기
02-5 콜백 함수와 비동기 처리 방식
02-6 JSON과 Fetch API
02-7 Promise와 비동기 처리 방식
02-8 await 연산자와 async 비동기 함수
미션 코딩! 입력된 숫자의 범주 판별하기

[03] 순수 자바스크립트로 PWA 만들기
03-1 ‘안녕하세요! PWA by JS’ 구경하기
03-2 매니페스트 작성하기
03-3 메인 화면 작성하기
03-4 서비스 워커 만들고 실행하기
미션 코딩! 캐시 변경하고 서비스 워커 다시 등록하기

====================
둘째마당 프레임워크로 PWA 손쉽게 디자인하기
====================
[04] 뷰 기초 쌓기
04-1 뷰, 자바스크립트 프레임워크의 절대 강자
04-2 ‘안녕하세요!’ 예제 만들기
04-3 단방향 바인딩과 v-bind 디렉티브
04-4 양방향 바인딩과 v-model 디렉티브
04-5 조건 판단과 v-if, v-else 디렉티브
04-6 반복문과 v-for 디렉티브
04-7 이벤트 핸들러 실행과 v-on 디렉티브
미션 코딩! v-for 디렉티브로 고객 정보 출력하기

[05] 뷰 고급 기능 익히기
05-1 복잡한 로직과 computed 속성
05-2 이벤트 핸들러 로직과 methods 속성
05-3 컴포넌트로 HTML 엘리먼트 만들기
05-4 컴포넌트 속성 props
05-5 상탯값 관리와 Vuex
05-6 내비게이션과 라우터
05-7 새로 고침이 필요 없는 SPA 만들기
미션 코딩! 카운터 컴포넌트 프로그램 만들기

[06] 뷰티파이 기초 쌓기
06-1 뷰티파이, 뷰 최고의 UI 프레임워크
06-2 기본 레이아웃 만들기 1
06-3 기본 레이아웃 만들기 2
06-4 카드 UI 만들기
06-5 그리드 기본 원리
06-6 반응형 그리드
06-7 리스트와 아이콘 사용법
미션 코딩! 플로팅 버튼 UI 컴포넌트 넣기

[07] 뷰티파이 고급 기능 익히기
07-1 바닥 내비게이션
07-2 탐색 서랍
07-3 라우터로 멀티 페이지 관리하는 SPA 만들기
07-4 Vuex로 상탯값 관리하는 SPA 만들기
미션 코딩! 매개변수만으로 상탯값 관리하기

[08] 뷰 프레임워크로 PWA 만들기
08-1 ‘반가워요! PWA by VueJS’ 구경하기
08-2 프로젝트 만들고 매니페스트 작성하기
08-3 워크박스로 오프라인 관리하기
08-4 앱 실행 화면 만들기
08-5 HTTPS로 파이어베이스 호스팅에 PWA 배포하기
08-6 PWA 성능 테스트하기
미션 코딩! 기본 레이아웃을 적용한 앱 만들어 배포하기

====================
셋째마당 PWA 실전 앱 만들기
====================
[09] To-Do 앱 만들기
09-1 To-Do 앱 구경하기
09-2 매니페스트 작성하기
09-3 워크박스로 오프라인 관리하기
09-4 파이어베이스 실시간 DB 준비하기
09-5 앱 실행 화면 만들기

[10] 사진 갤러리 앱 만들기
10-1 사진 갤러리 앱 구경하기
10-2 매니페스트 작성하기
10-3 워크박스로 런타임 캐시 관리하기
10-4 앱 실행 화면 만들기
10-5 모바일 기기에서 로컬 사이트 테스트하기

[11] 카메라 사진 갤러리 앱 만들기
11-1 카메라 사진 갤러리 앱 구경하기
11-2 매니페스트 작성하기
11-3 파이어베이스 스토리지 DB 준비하기
11-4 앱 실행 화면 만들기
11-5 컴포넌트 작성하기
11-6 워크박스로 서비스 워커에서 캐시 관리하기

[12] 구글 로그인 서비스 만들기
12-1 구글 로그인 서비스 구경하기
12-2 매니페스트 작성하기
12-3 파이어베이스 인증 사용하기
12-4 앱 실행 화면 만들기
12-5 스토어 작성하기
12-6 컴포넌트 작성하기

[13] 푸시 알림 서비스 만들기
13-1 푸시 알림 서비스 구경하기
13-2 매니페스트 작성하기
13-3 파이어베이스 준비하기
13-4 앱 실행 화면 만들기
13-5 컴포넌트 작성하기
13-6 파이어베이스 서버 함수 작성하기
13-7 워크박스로 서비스 워커에서 알림 메시지 받기

[14] 오프라인 동기화 기능 만들기
14-1 오프라인 동기화 구경하기
14-2 매니페스트 작성하기
14-3 클라우드 파이어스토어 준비하기
14-4 앱 실행 화면 만들기
14-5 컴포넌트 작성하기

====================
넷째마당 PWA를 하이브리드 앱으로 배포하기
====================
[15] 코르도바로 하이브리드 앱 만들기
15-1 하이브리드 앱이란?
15-2 하이브리드 앱 실전 예제 5가지
15-3 ‘Hello Hybrid’ 앱 만들기 - 준비
15-4 ‘Hello Hybrid’ 앱 만들기 - 제작
미션 코딩! 사진 갤러리 안드로이드 앱 만들기

[16] 웹앱을 안드로이드 앱으로 만들기
16-1 To-Do 안드로이드 앱 만들기
16-2 아파치 코르도바 플러그인 사용하기
16-3 모바일 기기 상태를 체크하는 안드로이드 앱 만들기
미션 코딩! 카메라 사진 갤러리 안드로이드 앱 만들기

[17] 구글 플레이 스토어에 앱 등록하기
17-1 안드로이드 앱 번들 준비하기
17-2 구글 플레이 스토어에 앱 등록하기

찾아보기

출판사 서평

프런트엔드 개발자는 물론 웹 디자이너도 쉽게 배운다!
프로그레시브 웹앱부터 하이브리드 앱 개발 및 배포까지 한번에!
웹 전문가들은 “앞으로 웹은 프로그레시브 웹앱이어야 한다”라고 말합니다. 즉, 네이티브 앱보다 편리하게 설치하고 푸시 알림이 가능하며, 기기의 자원을 활용할 수 있고 오프라인에서도 실행되는 프로그레시브 웹앱이야 말로 모바일 퍼스트 시대에 웹의 미래라고 말합니다. 프로그레시브 웹앱은 성능이나 사용자 경험, 발견성, 개발 효율 면에서 기존 웹뿐만 아니라 네이티브 앱을 만들던 개발자에게도 충분히 매력적입니다.

이 ... 더보기

Klover 리뷰 (0)

북로그 리뷰 (1) 전체보기 쓰러가기

북로그 리뷰는 본인 인증 후 작성 가능합니다.
책이나 타인에 대해 근거 없이 비방을 하거나 타인의 명예를 훼손할 수 있는 내용은 비공개 처리 될 수 있습니다.
※ 북로그 리뷰 리워드 제공 2021. 4. 1 종료
  • 이지스퍼블리싱에서 출판하는 된다! 시리즈는 초보자도 부담없이 학습할 수 있도록 다양한 예제와 쉬운 설명, 깔끔하고 가독성 좋은 구성으로 유명합니다. PWA (프로그레시브 웹앱)을 다룬 서적이 많지 않은 시기에 출간되어 자바스크립트와 같은 웹 기술만으로도 훌륭한 모바일용 앱을 만들 수 있도록 풍부한 좋은 예제를 실었고, 코드 한줄 한줄마다 자세한 설명을 넣어 초보자도 예제만 잘 따라 하면 충분히 앱을 만들 수 있도록 구성한 점을 높게 평가할 수 있습니다. 거기에 ES6 이상의 모던 자바스크립트에 대한 핵심 요약 설명을... 더보기

문장수집 (0) 문장수집 쓰기 나의 독서기록 보기
※구매 후 문장수집 작성 시, 리워드를 제공합니다. 안내

교환/반품/품절안내

※ 상품 설명에 반품/교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다.)

교환/반품/품절안내
반품/교환방법 마이룸 > 주문관리 > 주문/배송내역 > 주문조회 > 반품/교환신청 ,
[1:1상담>반품/교환/환불] 또는 고객센터 (1544-1900)

※ 오픈마켓, 해외배송주문, 기프트 주문시 [1:1상담>반품/교환/환불]
    또는 고객센터 (1544-1900)
반품/교환가능 기간 변심반품의 경우 수령 후 7일 이내,
상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내
반품/교환비용 변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담
반품/교환 불가 사유
  • 소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우
    (단지 확인을 위한 포장 훼손은 제외)
  • 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
    예) 화장품, 식품, 가전제품(악세서리 포함) 등
  • 복제가 가능한 상품 등의 포장을 훼손한 경우
    예) 음반/DVD/비디오, 소프트웨어, 만화책, 잡지, 영상 화보집
  • 소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우 ((1)해외주문도서)
  • 디지털 컨텐츠인 eBook, 오디오북 등을 1회 이상 다운로드를 받았을 경우
  • 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
  • 전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에
    해당되는 경우
(1) 해외주문도서 : 이용자의 요청에 의한 개인주문상품으로 단순변심 및 착오로 인한 취소/교환/반품 시 ‘해외주문 반품/취소 수수료’ 고객 부담 (해외주문 반품/취소 수수료 : ①서양도서-판매정가의 12%, ②일본도서-판매정가의 7%를 적용)
상품 품절 공급사(출판사) 재고 사정에 의해 품절/지연될 수 있으며, 품절 시 관련 사항에 대해서는
이메일과 문자로 안내드리겠습니다.
소비자 피해보상
환불지연에 따른 배상
  • 상품의 불량에 의한 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은
    소비자분쟁해결 기준 (공정거래위원회 고시)에 준하여 처리됨
  • 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의
    소비자 보호에 관한 법률에 따라 처리함
바로가기
  • 우측 확장형 배너 2
  • 우측 확장형 배너 2
최근 본 상품