[Feat] pwa 적용

[shooukie]

📝작업 내용

• vite-plugin-pwa를 이용해 PWA 설정을 추가했습니다.

• 앱 이름, 설명, 테마 색상 및 시작 화면 배경색을 설정했습니다.

• 홈 화면 설치용 아이콘을 추가했습니다.

  • 192×192 기본 아이콘
  • 512×512 기본 아이콘
  • 512×512 maskable 아이콘

• 앱 실행 시 서비스 워커가 자동으로 업데이트되도록 설정했습니다.

• PWA 서비스 워커와 FCM 서비스 워커의 scope가 겹치지 않도록 분리했습니다.

• 서비스 워커 구성

• PWA 캐시 및 오프라인 기능

  • /sw.js
  • scope: /

• FCM 백그라운드 푸시 알림

  • /firebase-messaging-sw.js
  • scope: /firebase-cloud-messaging-push-scope

PWA 설정

• display: standalone
• theme_color: #5BB5F8
• background_color: #F4F8FF
• registerType: autoUpdate

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated
quespot	Ready	Preview	Sep 28, 2026 7:32am UTC