[PWA] 프로그레시브 웹 앱이란?

앱의 종류

네이티브 앱 : 스마트폰 OS에서만 작동하는 앱, 스마트폰 최적화 기능 구현 가능, 각 OS별 구현 필요

모바일 웹 앱 : 웹 기술을 이용하여 앱을 구현, 하드웨어 기능 사용 불가, 스토어 업로드 불가, 인터넷 연결 필수

하이브리드 앱 : 웹 앱을 개발 후 프레임워크를 통해 네이티브 앱으로 변환

프로그레시브(Progressive) 웹 앱 : 쉽게 구현하여 네이티브와 유사한 경험을 제공,  오프라인 상태에서도 사용 가능

 

 

프로그레시브 웹 앱 핵심 기술

- 서비스 워커

웹 브라우저 안에 존재하며, 항상 실행되는 백그라운드 프로그램

브라우저와 서버 사이의 상태 값 변경을 감시

푸시 알림 기능

오프라인 상태에서도 작동

 

 

- 웹 앱 매니페스트

앱 소개 정보, 기본 설정 등을 담은 JSON 파일

(기존 네이티브 엡에서 사용하던 매니페스트 파일을 웹 앱에서 사용한다고 보면 됨)

매니페스트를 통해 일반 웹과 PWA를 구분함

 

 

- HTTPS

암호화와 인증을 거쳐 보안을 강화한 웹 통신 규약

PWA를 베포할 때는 반드시 HTTPS 프로토콜을 사용

-> lighthouse 의무 사항, 홈 화면 추가 기능 수행을 위해

 

 

- 푸시 알림

웹 사이트를 방문 후 떠난 사용자에게도 알림 전송 가능

백그라운드 상태에서도 알림 메시지 전송 가능

 

 

- 홈 화면에 추가 기능

운영체제에 앱을 설치 (실체 앱처럼 인식)

 

 

- 웹 API

JS API를 활용하여 PWA 개발 가능

 

 

 

 

해당 포스트는 'Do it! 프로그레시브 웹앱 만들기(김응석 저)' 서적을 공부한 후 내용을 정리한 것입니다.