PWA (Progressive Web App)
기술노트
PWA (Progressive Web App)
> 웹의 장점과 앱의 장점을 결합한 환경 > > `앱 수준과 같은 사용자 경험을 웹에서 제공하는 것이 목적!`
특징
확장성이 좋고, 깊이 있는 앱같은 웹을 만드는 것을 지향한다.
웹 주소만 있다면, 누구나 접근하여 사용이 가능하고 스마트폰의 저장공간을 잡아 먹지 않음
서비스 작업자(Service Worker) API : 웹앱의 중요한 부분을 캐싱하여 사용자가 다음에 열 때 빠르게 로딩할 수 있도록 도와줌
→ 네트워크 환경이 좋지 않아도 빠르게 구동되며, 사용자에게 푸시 알림을 보낼 수도 있음
PWA 제공 기능
- 프로그래시브 : 점진적 개선을 통해 작성되서 어떤 브라우저든 상관없이 모든 사용자에게 적합
- 반응형 : 데스크톱, 모바일, 테블릿 등 모든 폼 factor에 맞음
- 연결 독립적 : 서비스 워커를 사용해 오프라인에서도 작동이 가능함
- 안전 : HTTPS를 통해 제공이 되므로 스누핑이 차단되어 콘텐츠가 변조되지 않음
- 검색 가능 : W3C 매니페스트 및 서비스 워커 등록 범위 덕분에 '앱'으로 식별되어 검색이 가능함
- 재참여 가능 : 푸시 알림과 같은 기능을 통해 쉽게 재참여가 가능함
