• PWA는 'Progressive Web Apps'의 줄인 말로, 모바일 사이트에서 네이티브 앱과 같은 사용자 경험을 제공하는 기술
• 웹을 통해 전달되는 응용 소프트웨어의 일종으로, HTML, CSS, 자바스크립트를 포함한 일반 웹 기술들을 사용하여 만들어짐
• 표준을 준수하는 브라우저를 사용하는 어떠한 플랫폼에서라도 동작하도록 고안 되었으며, 오프라인작업, 푸시 알림, 장치 하드웨어 접근, 데스크톱과 모바일 장치의 네이티브 애플리케이션과 유사한 사용자 경험의 창출을 가능케 함
• 별도의 빌드 또는 배포 과정이 필요없으며 progressive web app의 게시는 어떠한 웹 페이지를 대상으로도 가능

PWA에서 구현 가능할 수 있는 기능 #

• 푸시 알림
  • 일반 웹에서는 푸시알림을 구현하기 위해 웹소켓 등의 전이중 통신이 가능한 프로토콜을 이용하여 구현해야 함
  • 해당 기술을 이용하면 일반적인 앱에 notification과 같은 푸시 알림 기능을 사용할 수 있음
• 설치 불 필요
  • PWA는 앱이 아니기에 사용자가 스토에서 다운로드 및 설치를 하는 수고를 할 필요가 없고 앱과 같은 외형의 사용감을 제공할 수 있음
• 표시 속도의 고속화
  • PWA에는 프리캐시 기능이 있어 사용자가 페이지를 읽고있는 동안 다음 페이지의 데이터를 읽어 들일 수 있음

브라우저 호환성 #

• PWA는 하나의 API에 의존하지 않고, 웹에서와 같은 환경을 제공하기 위해 다양한 기술 제공되며 PWA를 위해 요구되는 핵심 요소는 sevice worker 지원, servie worker는 현재 데스크탑 및 모바일의 모든 주요 브라우저에서 지원

네이티브 앱과 PWA의 차이 #

• 네이티브 앱은 Android 또는 IOS같은 어떤 구체적인 플랫폼만을 위해 만들어진 응용 프로그램이며, 일반적으로 해당 플랫폼에 특화된 프로그래밍 언어로 만들기 때문에 하나의 앱을 만들어서 모든 앱스토어에 출시한다는 것은 쉽지 않음
• PWA는 일단 홈 화면에 저장되면 브라우저에서 실행되며, 네이티브 앱처럼 동작하고 보안상의 이유로 브라우저가 접근하지 못하는 시스템 하드웨어와 소프트웨어도 접근할 수 있음

PWA의 장점 #

• 다양한 앱스토어에 출시하기 위해서 별도의 프로세를 거치지 않아도 됨
• 일반적인 웹 기술을 이용하여 PWA를 만들 수 있음
• 일반적으로 개발비용이 저렴
• 기본적으로 반응형이기에 다양한 화면 크기에도 잘 동작
• 일반적인 웹 사이트와 달리, 오프라인에서도 작동
• 푸시알림을 통해서 사용자들의 관심을 끌 수 있음