프로그레시브 웹 앱이란 무엇이며 네이티브 앱과 어떻게 비교되나요?

프로그레시브 웹 앱 특징

기술을 사랑하는 당신은 아마도 프로그레시브 앱에 대한 기사를 접했을 것이고, 그들이 얼마나 훌륭한지, 앱의 미래이며 모든 사이트가 하나를 가져야 한다는 이야기를 들었을 것입니다.

하지만 프로그레시브 앱은 정확히 무엇일까요? 프로그레시브 앱은 표준 웹 앱과 완전히 다르지는 않지만, 개발자가 충족해야 하는 특정 개념이 있습니다.

프로그레시브 웹 앱이란?

프로그레시브 웹 앱(PWA)은 브라우저에 존재하며 CSS, HTML 및 JavaScript로 만들어진 웹 앱입니다. PWA를 모바일 웹사이트와 앱의 중간 형태로 볼 수도 있습니다. 즉, 하이브리드입니다.

PWA는 현대 웹 기술을 사용하며, 개발자는 사용자에게 모바일 앱과 유사한 경험을 제공하고, 더 나은 성능과 안전성을 제공하며, 더 빠르게 로드되는 사이트를 만들 수 있습니다. 그들은 일반 웹사이트이지만 사용자에게는 애플리케이션처럼 보입니다.

그들은 또한 최신 웹 표준을 사용하며 거의 모든 브라우저에서 올바르고 빠르게 작동하도록 만들어졌습니다.

프로그레시브 전화

프로그레시브 웹 앱은 인터넷 연결이 느리더라도 즉시 로드됩니다. 인터넷 연결이 없더라도 앱을 사용할 수 있으며, 단지 동적 콘텐츠가 없을 뿐입니다.

오프라인에서 프로그레시브 웹 앱 사용하기

프로그레시브 앱을 오프라인에서 사용하려면 몇 가지 실험적인 Chrome 기능을 활성화해야 합니다. Chrome 주소 표시줄에 다음 명령어를 입력하세요: chrome://flags/#bypass-app-banner-engagement-checks

프로그레시브 플래그

하단에 “지금 다시 시작” 버튼이 표시됩니다. 클릭하면 프로그레시브 앱을 사용하는 사이트를 방문할 때 설치하라는 메시지가 표시됩니다.

현재 프로그레시브 웹 앱은 Safari/iOS에서 작동하지 않습니다. 이는 오프라인 모드, 푸시 알림 또는 홈 화면 설치를 즐길 수 없음을 의미합니다. 희망적으로, Apple이 곧 프로그레시브 앱으로 전환할 것입니다.

프로그레시브 웹 앱의 예로는 Twitter의 사이트가 있습니다. 그것은 프로그레시브 웹 앱이 해야 할 일을 수행합니다: “홈 화면에 추가“ 프롬프트가 있으며, 데이터 소비를 줄이고, 서비스 워커 스크립트를 통해 거의 즉시 로드됩니다.

프로그레시브 앱 보안

브라우저에 존재하기 때문에 앱 스토어가 필요 없으며 항상 보안을 위해 HTTPS를 사용합니다. 사이트가 HTTPS로 작동하지 않으면 프로그레시브 앱으로 자격을 갖출 수 없습니다. 사이트는 브라우저에 SSL 또는 TLS 인증서가 설치되어 있어야 합니다.

프로그레시브 보안

프로그레시브 앱은 모든 장치에 적합합니다. 전화, 태블릿, 컴퓨터 등 상관 없습니다. 프로그레시브 앱은 쉘 모델로 만들어졌기 때문에 앱 스타일의 탐색 및 상호작용을 즐길 수 있습니다.

구식 앱을 사용할 걱정은 하지 않아도 됩니다. 서비스 워커 업데이트 프로세스가 콘텐츠를 최신 상태로 유지할 것입니다. 프로그레시브 앱은 URL을 통해 쉽게 공유할 수 있으며, 앱 스토어에 의존하지 않고 홈 화면에 쉽게 유지할 수 있습니다.

또한 모바일 홈 화면에 추가할 수 있으며 푸시 알림도 보낼 수 있습니다. 프로그레시브 웹 앱은 이를 사용하는 기업에게도 이점이 있으며, 유지 관리 시간과 비용을 줄이는 데 도움이 됩니다.

Firefox는 Chrome의 예를 따랐으며, Firefox 58에서는 프로그레시브 웹 앱을 즐길 수 있습니다. 유효한 매니페스트가 있고 HTTPS를 통해 제공되는 사이트를 발견하면 주소 표시줄에 배지가 표시됩니다.

선택하면 “홈 화면에 추가“라는 메시지가 표시됩니다. 홈 화면에서 앱을 실행할 때 외부 링크를 탭하면 사이트에서 진행한 내용이 손실되지 않습니다.

PWA와 네이티브 앱

프로그레시브 웹 앱은 네이티브 앱보다 더 좋습니다. 개발자는 더 이상 여러 플랫폼을 위한 앱을 만들 필요가 없기 때문입니다. 이는 개발자에게 많은 시간과 비용을 절약해 줄 것입니다. 경제적 절약은 말할 것도 없습니다.

개발자는 모든 현재 플랫폼과 장치에서 작동하는 하나의 앱만 만들면 됩니다. 프로그레시브 웹 앱은 네이티브 앱과 달리 사용하기 전에 아무것도 설치할 필요가 없습니다.

PWA는 훌륭하지만 여전히 상대적으로 새로운 만큼 단점도 있습니다. 예를 들어, 태블릿이나 스마트폰의 기능과 통합할 때 제한된 기능이 있습니다.

여전히 Bluetooth, 지문 센서, 가속도계 또는 NFC와 같은 기능과 통합할 수 없습니다. 현재로서는 네이티브 앱이 PWA보다 더 신뢰할 수 있지만, 시간이 지나면 그 이야기가 어떻게 끝날지는 두고 봐야 합니다.

PWA와 네이티브 앱은 서로 그리 다르지 않습니다. 예를 들어, 둘 다 홈 화면에서 실행되며 매우 유사한 웹 경험/사용자 인터페이스를 제공합니다.

프로그레시브 예시

PWA의 한계

프로그레시브 웹 앱은 다음 큰 것이 될 것으로 예상되지만, 단점도 있습니다. 예를 들어, Edge, Safari, Internet Explorer 및 기타 사용자 정의 브라우저와 같은 모든 브라우저에서 작동하지 않습니다. PWA는 삼성의 Android 브라우저, Opera 및 Chrome과 같은 최신 버전의 브라우저에서 작동합니다.

제한은 장치에도 영향을 미치며 모든 장치가 이를 지원할 수 있는 것은 아닙니다. Android는 PWA를 지원하지만 여전히 상대적으로 새로운 만큼 지원 문제도 있습니다.

현재 iOS는 알림 및 장치 홈 화면에서의 바로 가기 프롬프트 지원에 문제가 있어 PWA를 지원하지 않습니다. 지금까지 Apple은 PWA를 채택할 것인지 여부를 공식적으로 발표하지 않았습니다.

교차 애플리케이션 로그인이 중요하다면 PWA를 피하는 것이 좋습니다. PWA는 독립적으로 데이터를 수집할 수 없기 때문에 이를 지원하지 않습니다.