만들면서 배우는 프로그레시브 웹 앱: 사용자 경험을 극대화하는 차세대 웹 앱 기술

만들면서 배우는 프로그레시브 웹 앱: 사용자 경험을 극대화하는 차세대 웹 앱 기술

by 한민주, 양찬석, 탈 아터
Released April 2019
Publisher(s): Hanbit Media, Inc.
ISBN: 9791162248737

Read it now on the O’Reilly learning platform with a 10-day free trial.

O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial

Book description

이 책은 네이티브 앱의 장점과 웹의 낮은 진입 장벽이라는 두 가지 장점을 모두 지닌 차세대 웹 기술, 프로그레시브 웹 앱(Progressive Web App, PWA)의 구현 방법을 다룬 책이다. 프로그레시브 웹 앱 기술을 활용해 가상으로 만든 호텔의 웹사이트를 개선하고 다양한 기능을 추가하는 과정이 상세히 수록돼 있다. 기존의 웹 개발 기술을 활용해 최신 프로그레시브 웹 앱의 구현 방법을 배우고 싶거나, 프로그레시브 웹 앱에 관심이 많다면 이 책의 내용을 차근차근 따라 해보자. 이 책이 훌륭한 길잡이가 되어 줄 것이다.

Table of contents

  1. 만들면서 배우는 프로그레시브 웹 앱
    1. 지은이 및 옮긴이 소개
    2. 옮긴이의 말
    3. 서문 (1/3)
    4. 서문 (2/3)
    5. 서문 (3/3)
  2. Chapter 1. 프로그레시브 웹 앱 소개
    1. 1.1 웹의 역습
    2. 1.2 오늘날의 모바일 환경
    3. 1.3 프로그레시브 웹 앱의 장점
    4. 1.4 탭, 웹 그리고 서비스 워커
  3. Chapter 2. 당신의 첫 번째 서비스 워커
    1. 2.1 샘플 프로젝트 구성하기
    2. 2.2 고담 임페리얼 호텔에 오신 것을 환영합니다
    3. 2.3 코드 알아가기
    4. 2.4 현재의 오프라인 사용자 경험
    5. 2.5 첫 번째 서비스 워커 만들기
    6. 2.6 점진적 향상이란?
    7. 2.7 HTTPS와 서비스 워커
    8. 2.8 웹에서 콘텐츠 가져오기
    9. 2.9 오프라인 요청 감지하기
    10. 2.10 HTML Response 생성하기
    11. 2.11 서비스 워커의 범위(Scope) 이해하기
    12. 2.12 정리
  4. Chapter 3. 캐시 스토리지 API
    1. 3.1 CacheStorage란 무엇인가
    2. 3.2 언제 캐시할지 결정하기
    3. 3.3 CacheStorage에 요청 저장하기
    4. 3.4 CacheStorage로부터 요청 받아오기
    5. 3.5 샘플 앱에서 캐싱하기
    6. 3.6 각각의 요청에 올바른 응답 매칭하기
    7. 3.7 HTTP 캐싱과 HTTP 헤더
    8. 3.8 정리
  5. Chapter 4. 서비스 워커 생명주기와 캐시 관리
    1. 4.1 서비스 워커의 생명주기
    2. 4.2 서비스 워커의 수명과 waitUntil의 중요성
    3. 4.3 서비스 워커 업데이트하기
    4. 4.4 캐시를 관리해야 하는 이유
    5. 4.5 캐시 관리 및 이전 캐시 제거
    6. 4.6 캐싱된 response를 다시 사용하기
    7. 4.7 올바른 헤더 캐싱을 제공하기 위한 서버 설정
    8. 4.8 개발자 도구
    9. 4.9 정리
  6. Chapter 5. ‘오프라인 우선’을 받아들이기
    1. 5.1 오프라인 우선이란 무엇입니까?
    2. 5.2 일반적인 캐싱 패턴
    3. 5.3 믹스 앤 매치, 새 패턴 생성하기
    4. 5.4 캐싱 전략 세우기
    5. 5.5 캐싱 전략 구현하기 (1/3)
    6. 5.5 캐싱 전략 구현하기 (2/3)
    7. 5.5 캐싱 전략 구현하기 (3/3)
    8. 5.6 어플리케이션 쉘 아키텍쳐
    9. 5.7 앱쉘 구현하기
    10. 5.8 목표 달성
    11. 5.9 정리
  7. Chapter 6. IndexedDB로 로컬에 데이터 저장하기
    1. 6.1 IndexedDB란?
    2. 6.2 IndexedDB 사용하기 (1/5)
    3. 6.2 IndexedDB 사용하기 (2/5)
    4. 6.2 IndexedDB 사용하기 (3/5)
    5. 6.2 IndexedDB 사용하기 (4/5)
    6. 6.2 IndexedDB 사용하기 (5/5)
    7. 6.3 SQL Ninja를 위한 IndexedDB
    8. 6.4 IndexedDB 실제로 적용하기 (1/3)
    9. 6.4 IndexedDB 실제로 적용하기 (2/3)
    10. 6.4 IndexedDB 실제로 적용하기 (3/3)
    11. 6.5 프로미스를 활용한 데이터베이스 (1/2)
    12. 6.5 프로미스를 활용한 데이터베이스 (2/2)
    13. 6.6 IndexedDB 관리
    14. 6.7 서비스 워커에서 IndexedDB 사용하기
    15. 6.8 IndexedDB 에코시스템
    16. 6.9 정리
  8. Chapter 7. 백그라운드 동기화를 통한 오프라인 기능 보장
    1. 7.1 백그라운드 동기화는 어떻게 작동하는가
    2. 7.2 The SyncManager (1/2)
    3. 7.2 The SyncManager (2/2)
    4. 7.3 동기화 이벤트로 데이터 넘기기 (1/2)
    5. 7.3 동기화 이벤트로 데이터 넘기기 (2/2)
    6. 7.4 앱에 백그라운드 동기화 추가하기 (1/3)
    7. 7.4 앱에 백그라운드 동기화 추가하기 (2/3)
    8. 7.4 앱에 백그라운드 동기화 추가하기 (3/3)
    9. 7.5 정리
  9. Chapter 8. 메시지를 통한 서비스 워커와 페이지 간의 커뮤니케이션
    1. 8.1 윈도우에서 서비스 워커로 메시지 보내기
    2. 8.2 서비스 워커에서 열려있는 모든 윈도우로 메시지 보내기
    3. 8.3 서비스 워커에서 특정 윈도우로 메시지 보내기
    4. 8.4 MessageChannel로 커뮤니케이션 채널을 열어두기
    5. 8.5 윈도우 간 통신하기
    6. 8.6 동기화 이벤트에서 페이지로 메시지 보내기
    7. 8.7 정리
  10. Chapter 9. 인스톨 가능한 웹 앱으로 홈 화면 차지하기
    1. 9.1 인스톨 가능한 웹 앱
    2. 9.2 브라우저가 ‘앱 설치 배너’를 언제 표시할지 결정하는 방법
    3. 9.3 웹 앱 매니페스트의 구조 (1/2)
    4. 9.3 웹 앱 매니페스트의 구조 (2/2)
    5. 9.4 다양한 플랫폼 호환성 고려하기
    6. 9.5 정리
  11. Chapter 10. 사용자에게 푸시 알림 보내기
    1. 10.1 푸시 알림의 생애
    2. 10.2 알림 생성하기 (1/3)
    3. 10.2 알림 생성하기 (2/3)
    4. 10.2 알림 생성하기 (3/3)
    5. 10.3 푸시 이벤트 구독하기 (1/3)
    6. 10.3 푸시 이벤트 구독하기 (2/3)
    7. 10.3 푸시 이벤트 구독하기 (3/3)
    8. 10.4 서버에서 푸시 이벤트 전송하기
    9. 10.5 푸시 이벤트 수신하고 알림 표시하기 (1/2)
    10. 10.5 푸시 이벤트 수신하고 알림 표시하기 (2/2)
    11. 10.6 정리
  12. Chapter 11. 프로그레시브 웹 앱 UX
    1. 11.1 우아함과 신뢰
    2. 11.2 서비스 워커에서 상태정보 알려주기
    3. 11.3 프로그레시브 UI KITT로 커뮤니케이션하기
    4. 11.4 프로그레시브 웹 앱의 일반적인 메시지
    5. 11.5 올바른 단어 선택
    6. 11.6 사용자에게 명확히 설명하기
    7. 11.7 프로그레시브 웹 앱 디자인
    8. 11.8 설치 프롬프트 책임지기
    9. 11.9 RAIL로 성능 측정 및 성능 목표 설정하기
    10. 11.10 정리
  13. Chapter 12. PWA의 미래
    1. 12.1 Payment Request API로 결제 수락하기
    2. 12.2 Credential Management API로 사용자 관리하기
    3. 12.3 WebGL을 사용한 Real-Time Graphics
    4. 12.4 음성 인식 지원을 위한 첨단 API
    5. 12.5 WebVR을 통한 브라우저 내 가상 현실
    6. 12.6 앱에서 앱으로 쉽게 공유하기
    7. 12.7 매끄러운 미디어 재생 UI
    8. 12.8 다가올 위대한 시대
  14. 부록 A. 서비스 워커 : ES2015 적용하기 (1/2)
  15. 부록 A. 서비스 워커 : ES2015 적용하기 (2/2)
  16. 부록 B. 전면 광고를 싫어하는 이유
  17. 부록 C. CORS vs NO-CORS

Product information

  • Title: 만들면서 배우는 프로그레시브 웹 앱: 사용자 경험을 극대화하는 차세대 웹 앱 기술
  • Author(s): 한민주, 양찬석, 탈 아터
  • Release date: April 2019
  • Publisher(s): Hanbit Media, Inc.
  • ISBN: 9791162248737