본문내용 바로가기
무료배송 소득공제

SNS 앱 예제로 배우는 프로그레시브 웹 앱 네이티브 앱처럼 동작하는 웹 프로젝트 완성

이근혁 지음 | 비제이퍼블릭 | 2020년 07월 31일 출간
클로버 리뷰쓰기

이 책의 다른 상품 정보

  • 정가 : 26,000원
    판매가 : 23,400 [10%↓ 2,600원 할인]
  • 혜택 :
    [기본적립] 1300원 적립 [5% 적립] [추가적립] 5만원 이상 구매 시 2,000원 추가적립 안내 [회원혜택] 회원 등급 별, 3만원 이상 구매 시 2~4% 추가적립 안내 [리뷰적립] 리뷰 작성 시 e교환권 최대 300원 추가적립 안내
  • 추가혜택 : 포인트 안내 도서소득공제 안내 추가혜택 더보기
  • 배송비 : 무료 배송비 안내
  • 배송일정 : 서울특별시 종로구 세종대로 기준 지역변경
    지금 주문하면 내일( 6일,수) 도착 예정 배송일정 안내
  • 바로드림 : 인터넷으로 주문하고 매장에서 직접 수령 안내 바로드림 혜택
    휴일에는 바로드림 픽업으로 더 빨리 받아 보세요. 바로드림 혜택받고 이용하기
상품상세정보
ISBN 9791165920081(1165920085)
쪽수 384쪽
크기 173 * 230 * 25 mm /656g 판형알림

책소개

이 책이 속한 분야

새로운 웹 기술을 활용하는 프로그레시브 웹 앱
이 책 한 권으로 확실하게 정리한다!
프로그레시브 웹 앱은 지금까지 경험하지 못했던 새로운 모습의 차세대 웹 앱입니다. 오프라인 환경에서도 동작하고, 백그라운드 동기화를 통해 필요한 데이터를 갱신하거나 사용자에게 푸시 알림을 제공하는 등 다양한 기능을 웹 환경에서 제공할 수 있습니다.

이처럼 웹의 장점과 네이티브 앱의 장점을 결합한 형태인 프로그레시브 웹 앱은 웹 기술만으로 구현할 수 있으며, 지금도 계속 발전하면서 새로운 기술이 개발되고 있기 때문에 가까운 미래에는 웹 분야의 중요한 패러다임으로 자리잡을 것입니다. 이 책으로 여러분도 미래의 웹 기술을 미리 체험해보시기 바랍니다.

이 책의 특징
- 기본적인 프로그레시브 웹 앱의 개념부터 구성까지 알아볼 수 있다.
- 핵심적인 오프라인 캐싱, 백그라운드 동기화, 푸시 기능에 대해 쉽게 익힐 수 있다.
- 실제 구현 시 고려해야 할 내용을 함께 살펴보며 개선 및 활용 방법에 대해 알아본다.

이 책이 필요한 독자
- 웹 기술로 네이티브 앱과 유사한 앱을 만들어보고 싶은 분
- 더 나은 웹 환경을 추구하는 분
- 웹 기술에 관심이 많은 분

독자대상
초중급

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

상세이미지

SNS 앱 예제로 배우는 프로그레시브 웹 앱 도서 상세이미지

목차

서문
저자 소개
베타 리더 리뷰

Chapter 01 시작하기
1.1 자바스크립트와 웹 기술의 발전
1.2 프로그레시브 웹 앱(PWA)이란?
1.3 네이티브 앱 vs 웹 앱 vs 하이브리드 앱 vs 프로그레시브 웹 앱

Chapter 02 실습을 위한 개발 환경 준비하기
2.1 Node.js 설치하기
2.2 Visual Studio Code 설치하기
2.3 실습 소스코드 준비하기

Chapter 03 프로그레시브 웹 앱이 되기 위한 준비
3.1 Paper 파악하기
3.2 Paper에 PWA 불어넣기

Chapter 04 PWA의 핵심, 서비스 워커
4.1 서비스 워커란?
4.2 서비스 워커 등록하기
4.3 서비스 워커의 기능 이벤트
4.4 서비스 워커에서 브라우저 요청 가로채기
4.5 서비스 워커의 생명주기
4.6 서비스 워커의 상태

Chapter 05 오프라인을 위한 캐시 스토리지
5.1 캐시 스토리지란?
5.2 웹 페이지 리소스 캐싱하기
5.3 캐시에서 응답하기
5.4 캐시 관리하기
5.5 다양한 캐싱 전략
5.6 오프라인 상태 알리기

Chapter 06 IndexedDB 사용하기
6.1 IndexedDB란?
6.2 데이터베이스 생성하기
6.3 객체 저장소 (ObjectStore)
6.4 트랜잭션 (Transaction)
6.5 Paper에 적용하기

Chapter 07 웹 앱 매니페스트 (Web App Manifest)
7.1 웹 앱 매니페스트란?
7.2 웹 앱 매니페스트 살펴보기
7.3 홈 화면에 Paper 설치하기

Chapter 08 Sync, 백그라운드 동기화
8.1 백그라운드 동기화 살펴보기
8.2 동기화 작업을 위한 저장소 만들기
8.3 백그라운드 동기화 기능 구현하기
8.4 백그라운드 동기화 개선하기

Chapter 09 서비스 워커와 클라이언트 간 메시지 주고받기
9.1 Paper의 문제 파악하기
9.2 서비스 워커에서 웹 페이지로 메시지 보내기
9.3 웹 페이지에서 서비스 워커로 메시지 보내기
9.4 메시지 채널을 통해 메시지 주고받기

Chapter 10 Push, 사용자에게 알림 보내기
10.1 푸시란?
10.2 웹 푸시 살펴보기
10.3 알림 API (Notification API)
10.4 푸시 알림 준비하기
10.5 푸시 알림 보내기
10.6 마무리하며

Chapter 11 부록
11.1 ES6 자바스크립트 맛보기
11.2 라이트하우스 (Lighthouse)
11.3 워크박스 (Workbox)

찾아보기

출판사 서평

네이티브 앱의 사용성과 웹의 접근성이 적절히 조합된 프로그레시브 웹 앱(PWA)은 지금까지 사용해왔던 웹과는 다른 새로운 경험을 제공합니다. 네트워크가 없는 오프라인 상태에서 웹 서비스를 사용하고, 백그라운드에서 데이터를 동기화하거나 푸시 메시지를 제공하는 등 기존의 웹에서 할 수 없었던 일들을 웹 기술만을 사용하여 구현할 수 있습니다.

이 책에서는 프로그레시브 웹 앱의 기본적인 개념과 서비스 워커, 웹 앱 매니페스트 등의 주요 구성 요소뿐만 아니라 오프라인 캐싱, 백그라운드 동기화, 푸시 알림과 같은 대표적인 기능에 대한 개... 더보기

Klover 리뷰 (0)

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

북로그 리뷰는 본인 인증 후 작성 가능합니다.
책이나 타인에 대해 근거 없이 비방을 하거나 타인의 명예를 훼손할 수 있는 내용은 비공개 처리 될 수 있습니다.
※ 북로그 리뷰 리워드 제공 2021. 4. 1 종료
  • '프로그래시브 웹 앱' 조금은 복잡한 용어이지만 개발자들은 들어본 단어일 것이다. Progressive Web App(PWA), 단어 그대로 해석하자면 '혁신적인 웹 앱'이라고 할 수 있을 것 같다. 2015년 구글에서 개발되어져 점점 그 사용범위가 넓어지고 있다. 프로그래시브 웹 앱이 각광받는 이유 중 하나는 '네이티브 앱'과 '웹'의 장점만을 취한 것이다. 책의 부제처럼 '네이티브 앱처럼 작동하는 웹'이다. ... 더보기
  • 2010년 경 모바일 앱을 처음 만들어 봤다. 당시만 해도 대세는 네이티브 앱이었는데 모바일 웹과 중복으로 개발해야 하는 생산성 문제 때문에 폰갭 등의 하이브리드 앱이 등장하였다. 10년이 지난 후 모바일 개발 생태계는 춘추전국시대가 되어버렸다. 안드로이드 진영에는 코틀린이 네이티브 개발을 대체하는 추세이고, 본 도서에서 소개하는 PWA가 나름의 한 축을 이끌어 가고 있으며, 구글의 플러터도 한 축을 담당하고 있다. 아직 어느것 하나가 뚜렷하게 대세를 끌고 있는 형국은 아니기에 개발 목적에 제일 부합하는 방식... 더보기
  • 이 책을 읽은 이유는 평소에 관심 있던 PWA의 핵심기술들을 간단한 예제로 구현해보며 공부하고 싶었는데 딱 입문용으로 좋은 내용을 담고있는 책이라고 생각ː기 때문입니다.   이 책의 구성 이 책은 자바스크립트로 예제가 구성되어 있습니다. 결과적으로 웹 앱으로 자바스크립트, HTML, CSS 에 대한 지식이 있는분들에게 추천하는 책이라고 서문에 적혀있으며 개발환경은 windows, macOS 에서 크롬과 무료 오픈소스 에디터인 VSCode로 공부를 진행할 수 있게 쓰여져있습니다. 이처럼 서문에서 사전지식, 개발환경등을... 더보기

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

교환/반품/품절안내

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

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

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