GN⁺: What PWA Can Do Today - 오늘 현재 PWA로 할 수 있는 것
(whatpwacando.today)지금 사용 가능한 PWA 기능들
- PWA(Progressive Web App)는 장치에 설치할 수 있으며 앱과 같은 경험을 제공하는 웹사이트임
- 이 앱은 PWA로, 모바일 장치나 데스크톱 홈스크린에 설치 가능함
- 설치 후 아래 기능 데모를 확인하여 장치에서 지원되는 기능을 볼 수 있음
기능들
- 미디어 캡처: 웹 앱이 장치의 카메라와 마이크를 사용할 수 있음.
- 지오로케이션: 사용자가 웹 앱과 위치를 공유할 수 있음.
- 알림: 앱이 활성화되지 않았을 때도 웹 앱이 알림을 표시할 수 있음.
- 연락처 선택: 사용자의 연락처를 선택할 수 있음.
- 웹 공유: 장치의 기본 공유 메커니즘을 호출하고 텍스트, URL 또는 파일을 공유할 수 있음.
- 인증: 지문 인식기나 외부 USB 보안 키를 통한 비밀번호 없는 인증을 가능하게 함.
- 파일 시스템: 사용자 장치의 파일 시스템에 접근할 수 있음.
- 바코드 감지: 이미지에서 바코드와 QR 코드를 감지할 수 있음.
- 얼굴 감지: 이미지에서 얼굴을 감지할 수 있음.
- 진동: 모바일 장치를 진동시킬 수 있음.
- 오디오 녹음: 오디오를 녹음하고 시각화할 수 있음.
- 오디오: 장치의 잠금 화면에서 미디어 재생 제어를 표시할 수 있음.
- 백그라운드 동기화: 오프라인일 때 작업을 연기하여 네트워크 연결이 복원될 때 실행할 수 있음.
- 백그라운드 패치: 앱이 실행되지 않을 때도 대용량 파일을 백그라운드에서 다운로드할 수 있음.
- 캡처 핸들: 화면 캡처 웹 앱이 캡처된 웹 앱과 신뢰성 있게 통신할 수 있음.
- 저장소 API: 웹 앱이 사용자의 브라우저에 구조화된 데이터를 지속적으로 저장할 수 있음.
- 블루투스: 웹 앱이 BLE 장치에 연결하고 값을 읽거나 쓸 수 있음.
- NFC: 웹 앱이 NFC 태그를 읽고 쓸 수 있음.
- 증강 현실/가상 현실: 가상 객체를 현실에 배치할 수 있음.
- 결제: 웹에서 신용카드, Apple Pay 또는 Google Pay를 사용하여 결제를 할 수 있음.
- 웨이크 락: 앱이 계속 실행되어야 할 때 화면이 어두워지거나 잠기는 것을 방지할 수 있음.
- 방향: 사용자 장치의 물리적 방향에 대한 정보를 제공함.
- 모션: 사용자 장치의 위치와 방향의 변화 속도에 대한 정보를 제공함.
- 네트워크 정보: 장치의 연결에 대한 정보를 제공하여 웹 앱이 네트워크 품질에 따라 기능을 조정할 수 있음.
- 음성 합성: 텍스트를 음성으로 변환하고 프로그램이 텍스트 내용을 읽을 수 있게 함.
- 음성 인식: 음성 입력에서 음성 컨텍스트를 인식할 수 있음.
- 멀티 터치: 복잡한 터치 동작을 캡처할 수 있음.
센서 활성화 방법
- 장치에서 모션 센서를 사용할 수 없을 때 이를 활성화하는 방법.
- iOS: iOS 12에만 적용. 변경 사항이 적용되려면 앱을 홈 스크린에서 제거하고 다시 추가해야 할 수 있음.
- Android: 안드로이드용 크롬 브라우저에서 이 사이트를 열고, 메인 메뉴에서 '모션 센서'를 탭하여 활성화할 수 있음.
GN⁺의 의견
- PWA는 사용자에게 네이티브 앱과 유사한 경험을 제공하면서도 웹 기술을 사용하여 더 넓은 접근성과 호환성을 제공하는 혁신적인 기술임.
- 이 기사는 다양한 PWA 기능들을 소개하며, 특히 미디어 캡처, 지오로케이션, 백그라운드 동기화 등은 모바일 사용자 경험을 크게 향상시킬 수 있는 중요한 기능들임.
- 센서 활성화 방법을 제공함으로써, 사용자가 자신의 장치에서 PWA의 모든 기능을 최대한 활용할 수 있도록 돕는 유용한 정보를 제공함.
Hacker News 의견
- 한 사용자는 자신들이 고객을 위해 Microsoft InTune을 통해 iPad와 Surface Go 장치에 PWA(Progressive Web Apps)를 배포하고 있으며, 2020년경에는 악몽과 같았지만 지금은 훨씬 원활하다고 언급함. 한 고객이 iPad에서 Surface Go로 전환하고 추가적인 엔드포인트 관리를 사용하여 PWA 경험을 키오스크 모드와 같게 만든 개선된 프로세스를 제안했다고 함. 이들에게 가장 큰 제약은 환경을 향한 카메라의 품질과 브라우저를 통한 카메라 기능에 대한 접근 수준이었으며, iOS/Safari는 초기에 매우 약했지만 현재는 상당히 좋아졌다고 함. 이제는 Safari를 통해 iPad 후면 카메라로 2k 환경 스캔을 30fps로 얻을 수 있으며, 2D 바코드 스캔과 문서 캡처가 100% 실행 가능하다고 함. 이러한 기능들은 과거에는 제품 데모 시 매우 불안했지만 이제는 걱정하지 않는다고 함. 카메라 문제로 인해 네이티브 iOS 앱으로 돌아갈 뻔했지만, 그렇지 않은 100% Microsoft 환경에서 네이티브 빌드 체인을 유지하는 것이 큰 부담이었다고 함. 과거에는 고객을 위해 반세기 동안 엔터프라이즈 IPA를 서명했지만, 이제는 웹/PWA로 전환했으며, 웹이 사라진다면 다른 경력과 취미를 찾을 것이라고 단언함.
- 다른 사용자는 PWA의 핵심 목적이 크로스 플랫폼 앱을 제공하는 것이므로, 어떤 기능이 iOS와 Android에서 "보편적"으로 지원되는지 웹사이트가 눈에 띄게 표시하지 않는 것이 유감이라고 언급함. 만약 기능이 모든/대부분의 플랫폼에서 사용할 수 없다면, PWA에서 정말 사용 가능하다고 말하는 것은 공정하지 않다고 주장함.
- 또 다른 사용자는 PWA의 데모 사이트조차 iOS에서 눈에 띄는 UX 버그가 있다고 지적함. 화면의 양쪽에서 스와이프하여 뒤로/앞으로 이동할 때 중복 애니메이션이 발생하는 문제를 언급함. 이 문제를 해결하는 것은 페이지의 슬라이드 애니메이션을 비활성화하는 것이 간단할 수 있지만, 사이트 제작자가 이를 인지하지 못하거나 신경 쓰지 않았다고 함. Apple에도 일부 책임이 있으며, 이상적으로는 네이티브 스와이프 제스처를 감지하고 사용자 정의할 수 있는 더 목적에 맞는 인터페이스가 있어야 한다고 주장함.
- 해커뉴스 커뮤니티의 일부 사용자들이 마치 사이트 제작자가 댓글을 볼 것이 확실하지 않은 것처럼 무례한 비판을 남기는 것에 대해 한 사용자가 비판함. 창작물을 세상에 내놓는 것에 대한 비판을 받아들이는 것이 필요할 수 있지만, 이 커뮤니티 외부의 사람들이 자신들의 작업이 여기서 공유되는 것을 싫어하거나 적어도 댓글을 읽지 않기를 거부하는 이유라고 언급함.
- 한 사용자는 Firefox 데스크톱이 PWA를 지원하는 브라우저에 합류하기를 바란다고 언급함. 그들은 PWA를 우선적으로 구축하는 앱을 만들고 있지만, 이는 일반적으로 사용자가 Chrome 인스턴스를 실행해야 한다는 것을 의미한다고 함. Firefox가 PWA 통합을 Chrome보다 더 원활하게 만들면 앱을 추천할 이유가 될 것이라고 주장함.
- 다른 사용자는 PWA 채택을 막는 주된 기술적 문제는 JS 프론트엔드 세계가 UX를 파괴하는 프론트엔드 프레임워크에 중독되어 있다는 것이라고 주장함. 또한 앱 스토어가 PWA가 결코 가질 수 없는 핵심 가치를 제공한다고 언급하며, 신뢰도가 특히 iOS 앱 스토어에서 더 강하다고 함.
- 한 사용자는 이 사이트가 PWA의 가능성을 잘 보여주는 데모라면, 자신에게는 실패한 것 같다고 언급함. 로딩이 오래 걸리고, 원하지 않는 많은 기능/기능성을 가지고 있으며, 스와이프로 뒤로 가려고 하면 이중 탐색이 발생하는 등의 문제를 지적함.
- 다른 사용자는 iOS에서 PWA가 공유 대상으로 등록될 수 있을 때까지 기다리겠다고 언급함. 웹 페이지에서 "공유"를 클릭할 때 공유 시트에 앱으로 나타나는 기능을 원한다고 함.
- 한 사용자는 GitHub 리포지토리에 소스 코드 없이 버그 트래커만 있는 것은 별로라고 언급하며, PWA를 진정으로 홍보하고 싶다면 전체 소스 코드를 제공해야 한다고 주장함.
- 마지막으로 한 사용자는 데모 앱의 여러 기능이 iOS 17에서 작동하지 않는다고 언급하며, 이는 Apple이 원하는 방식이라고 비꼬았음. 반면, Eclipse Emulator PWA를 iOS에서 몇 일 동안 사용해보았고 매우 잘 작동한다고 함. 지금까지 겪은 유일한 문제는 SNES를 에뮬레이션할 때 소리가 끊기는 것이었다고 언급함.