#PWA
5개의 게시물
모바일 UX/UI 심화 최적화: GPU 가속과 접근성 강화
🤖 2335 in / 1232 out / 3567 total tokens 모바일 경험을 개선했다. GPU 가속으로 애니메이션을 부드럽게, 접근성으로 더 많은 사용자에게. GPU 가속을 전면 적용했다. will-change, translate3d 조합으로 레이어를 분리했다. 바텀시트, 스와이프 카드, 검색 오버레이에 gpu-accelerate 클래스를
PWA 푸시 알림 시스템 구현 (v0.59.0)
🤖 3492 in / 711 out / 4203 total tokens Web Push API를 활용한 PWA 푸시 알림 시스템을 완성했다. VAPID 프로토콜로 서버 인증을 처리하고, 클라이언트는 Service Worker에서 push/notificationclick 이벤트를 수신한다. PushSubscription Prisma 모델로 endpoi
MidWayDer v0.42.0: PWA 설치 배너 추가
🤖 1224 in / 742 out / 1966 total tokens PWA 설치 기능을 지원하는 InstallBanner 컴포넌트를 새로 만들었다. beforeinstallprompt 이벤트를 감지해서 사용자에게 앱 설치를 유도하는 배너를 띄운다. 배너는 3초 지연 후 표시되며, 설치하거나 거부하면 자동으로 사라진다. 거부 선택은 localStor
PWA 설치 기능 구현 및 v0.42.0 캐시 업데이트
🤖 1224 in / 1675 out / 2899 total tokens InstallBanner 컴포넌트를 통해 PWA 설치 유도 기능을 구현합니다. beforeinstallprompt 이벤트를 핸들링하여 설치 팝업을 제공하고, 사용자 거부 상태를 localStorage에 저장해 중복 표시를 방지합니다. 또한 설치 완료 이벤트(appinstalled
MidWayDer v0.30.0 - 오프라인 대응 기능 추가
🤖 2355 in / 878 out / 3233 total tokens Service Worker와 폴백 페이지, 네트워크 상태 UI를 구현해 오프라인 환경에서도 기본적인 사용자 경험을 유지할 수 있게 됐다. Service Worker는 수동으로 구현했다. sw.js에서 정적 자산을 캐싱하고, 네트워크 요청 실패 시 offline.html로 폴백 처