기술 애호가로서 프로그레시브 앱이 얼마나 훌륭한지, 앱의 미래이며 모든 사이트에 프로그레시브 앱이 있어야 한다는 내용의 기사를 접했을 것입니다.
그러나 프로그레시브 앱은 정확히 무엇입니까? 프로그레시브 앱은 표준 웹 앱과 완전히 다르지 않지만 개발자가 이행해야 하는 특정 개념이 있습니다.
프로그레시브 웹 앱이란 무엇입니까?
프로그레시브 웹 앱(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 대 기본 앱
개발자가 더 이상 여러 플랫폼용 앱을 만들 필요가 없기 때문에 Progressive Web Apps는 기본 앱보다 낫습니다. 이를 통해 개발자는 경제적인 비용 절감은 물론이고 막대한 시간과 비용을 절약할 수 있습니다.
개발자는 모든 현재 플랫폼과 장치에서 작동하는 하나의 앱만 만들면 됩니다. Progressive Web Apps를 사용하면 기본 앱과 달리 사용하기 전에 아무것도 설치할 필요가 없습니다.
PWA는 훌륭하지만 아직 비교적 새롭기 때문에 단점이 있습니다. 예를 들어 태블릿이나 스마트폰의 기능과 통합하려고 할 때 기능이 제한됩니다.
그들은 여전히 Bluetooth와 같은 기능과 통합할 수 없습니다. 지문 센서, 가속도계 또는 NFC. 현재로서는 기본 앱이 PWA보다 더 안정적이지만 시간이 지나면 그 이야기가 어떻게 끝날지 알 수 있습니다.
PWA와 기본 앱은 그다지 다르지 않습니다. 예를 들어, 둘 다 홈 화면에서 실행되고 매우 유사한 웹 경험/사용자 인터페이스를 제공합니다.
PWA의 한계
프로그레시브 웹 앱은 다음으로 큰 역할을 해야 하지만 단점이 있습니다. 예를 들어 Edge, Safari, Internet Explorer 및 기타 사용자 지정 브라우저와 같은 모든 브라우저에서 작동하지 않습니다. PWA는 Samsung의 Android 브라우저, Opera 및 Chrome과 같은 최신 버전의 브라우저에서 작동합니다.
모든 장치가 장치를 지원할 수 있는 것은 아니므로 제한 사항은 장치에도 영향을 미칩니다. Android는 PWA를 지원하지만 아직 비교적 새 버전이기 때문에 몇 가지 지원 문제가 있습니다.
iOS는 현재 장치의 홈 화면에서 알림 및 바로 가기 프롬프트를 지원하는 데 문제가 있기 때문에 PWA를 지원하지 않습니다. 지금까지 Apple은 PWA를 도입할지 여부를 공식적으로 발표하지 않았습니다.
애플리케이션 간 로그인이 중요하다면 PWA를 피하는 것이 좋습니다. 독립적으로 데이터를 수집할 수 없기 때문에 지원하지 않습니다.
결론
프로그레시브 앱은 여전히 상대적으로 새롭고, 조정 중이거나 적어도 생각하고 있는 회사가 여전히 있습니다. 사용자의 모바일 경험을 개선하는 데 도움이 될 것이기 때문에 분명히 미래입니다.
프로그레시브 앱이 계속 존재한다고 생각하십니까, 아니면 사라질 것이라고 생각하십니까? 의견에 생각을 공유하세요.