feat: 푸쉬 이벤트를 수신하는 서비스 워커 작성

public/firebase-messaging-sw.js

@@ -0,0 +1,27 @@
+self.addEventListener('install', function (e) {
+  console.log('[FCM] Service Worker Installed.');
+  self.skipWaiting();
+});
+
+self.addEventListener('activate', function (e) {
+  console.log('[FCM] Service Worker Activated.');
+});
+
+self.addEventListener('push', function (e) {
+  const data = e.data.json();
+
+  if (!data) {
+    return;
+  }
+
+  console.log('[FCM] Push Received.');
+
+  const title = data.notification.title;
+
+  const options = {
+    icon: data.notification.image,
+    ...data.notification
+  };
+
+  self.registration.showNotification(title, options);
+});

vite.config.ts

@@ -10,6 +10,7 @@ export default defineConfig({
     VitePWA({
       registerType: 'autoUpdate',
       injectRegister: 'auto',
+      filename: 'firebase-messaging-sw.js',
       devOptions: {
         enabled: false,
         type: 'module'