목 차

머리말

이 책의 구성

베타테스터의 한마디

====================

첫째마당 프로그레시브 웹앱 시작하기

====================

[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가