본문 바로가기
용어와 개념들

PWA(Progressive Web Apps)의 개념

by 행운가득 케이티 2023. 7. 22.
반응형

PWA 개념에 대한 이해

PWA
PWA

 

 

 

PWA 개념에 대해서 알아봅시다.

 

 

PWA(Progressive Web Apps)는 웹인데 앱처럼 사용할 수 있는 개념입니다. 웹이기 때문에 스마트폰에 앱을 설치하는 불편한 과정을 할 필요도 없고 웹에서 검색되는 형태의 웹사이트이지만 스마트폰에서 마치 네이티브 앱을 사용하듯한 느낌이 드는 형태입니다.

 

PWA는 앱 개발이라기 보다 웹 개발과 같이 HTML, CSS, JavaScript 프로래밍 언어로 개발됩니다.

 

PWA는 중요한 장점들이 있습니다. 앱의 장점과 웹의 장점을 두루 같은 개념이에요.

 

 

 

 

 

 

PWA는 웹사이트이지만 앱 처럼 푸시 알림을 보낼 수 있어요. 푸시 알림은 스마트폰 모바일 앱에서만 가능했는데 PWA를 방식을 통해서 웹에서도 앱처럼 알림을 보낼 수 있는 것입니다. 푸시 알림을 보내기 위해서는 사용자의 허가를 받아야하지만 마케팅 관점에서는 중요한 포인트입니다.

 

PWA는 스마트폰에 홈 화면 아이콘을 만들 수 있어요. 그래서 마치 스마트폰 모바일에서 앱처럼 사용할 수 있습니다. 하지만 정체는 웹입니다. 실제 실행했을 때는 앱과 같은 모습입니다.

 

PWA는 별도의 설치 절차가 필요 없습니다. 앱처럼 앱 스토어에 들어가서 다운로드 받고 설치할 필요가 없습니다. 그리고 웹사이트이기 때문에 검색포털에 검색되고 SEO를 노릴 수 있습니다.

 

PWA는 웹사이트 느낌 보다는 모바일에서 네이티브 앱의 느낌이 드는 사용감이 있습니다. 즉, 앱과 같이 좋은 사용자 경험을 제공할 수 있습니다. 모바일에서는 상대적으로 웹사이트를 보면 앱 보다는 사용감이 떨어지니다. 하지만 PWA는 네이트브 앱을 사용하는 것과 같은 느낌을 줍니다. 모바일 친화적인 사용성을 제공해서 차별화된 장점이 있습니다.

 

PWA는 네트워크가 문제가 있다고 하더라도 오프라인 상태에서 캐시 데이터를 통해서 사이트를 계속 끊김 없이 사용할 수 있는 구조로 되어 있지요.

 

PWA의 대표적인 예시로 들 수 있는 것은 바로 트위터입니다.

 

 

PWA에 대해서 더 자세한 내용은 바로 아래 콘텐츠를 참고해주세요. PWA에 대한 개념에 대해서 자세히 설명되어 있습니다. PWA는 프로그레시브 웹 앱이라고 부르는 것도 참고해주세요.

 

 

https://www.ktpdigitallife.com/pwa-%eb%9c%bb%ea%b3%bc-%ea%b0%9c%eb%85%90/#more-3757

 

PWA 뜻, 프로그레시브 웹 앱의 개념과 5가지 장점 - 빅스타의 디지털 라이프

PWA 뜻과 개념에 대해서 알아봅시다.

www.ktpdigitallife.com

 

 


 

 

PWA
PWA

 

 

 

PWA 개념에 대한 추가 설명

프로그레시브 웹 앱은 PWA이며 Progressive Web Apps의 약자입니다. PWA는 최신 웹 기술과 기능을 사용하여 사용자가 앱 스토어에서 별도의 설치 과정 없이 기본 앱과 같은 동일한 사용자 경험을 제공하는 구조입니다.

 

PWA는 점진적 향상 개념으로 구축되어 있습니다. 최신의 기능 지원과 상관 없이 모든 브라우저와 기기에서 작동하게 됩니다. PWA는 다양한 화면의 크기와 해상도에 반응하고 적용되는 구조입니다. 보안 측면에서도 HTTPS를 통해서 데이터 무결성과 무단 엑세스를 막을 수 있어요. 그리고 PWA는 검색엔진에서 색인될 수 있기 때문에 웹 검색을 통해서 웹사이트가 검색됩니다. PWA에서는 서비스 작업자 개념이 있습니다.

 

 

 

 

 

 

서비스 작업자는 웹 페이지와 별도로 실행되며 앱과 네트워크 사이에서 프록시 역할을 하는 자바스크립트 파일입니다. 오프라인 기능을 제공하고 푸시 알림과 자산 캐싱을 활성화시켜서 성능과 안정성을 향상 시킬 수 있습니다.

 

PWA를 통해서 더 좋은 사용자 경험을 제공할 수 있고 더 빠른 로드 시간을 제공합니다. 오프라인 기능을 통해서 사용자는 오프랑니 상태에서 PWA를 계속 사용할 수 있게 됩니다. 인터넷 연결이 좋지 않은 환경에서 이러한 기능은 빛을 발휘할 수 있습니다.

 

 

 

PWA
PWA

반응형