Add files via upload

leedoha11 · web-flow · commit 5fa6e09b2011 · 2025-02-02T18:43:24.000+09:00
diff --git a/index.html b/index.html
@@ -1,6 +1,17 @@
 <!DOCTYPE html>
 <html lang="ko">
   <head>
+    <link rel="manifest" href="/manifest.json">
+    <meta name="theme-color" content="#000000">
+    <script>
+      if ("serviceWorker" in navigator) {
+        window.addEventListener("load", () => {
+          navigator.serviceWorker.register("/service-worker.js")
+            .then((reg) => console.log("Service Worker registered!", reg))
+            .catch((err) => console.log("Service Worker registration failed:", err));
+        });
+      }
+    </script>
     <meta charset="UTF-8">
     <link rel="icon" href="/offrest.ico">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
diff --git a/manifest.json b/manifest.json
@@ -0,0 +1,20 @@
+{
+  "name": "My PWA App",
+  "short_name": "PWA App",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#ffffff",
+  "theme_color": "#000000",
+  "icons": [
+    {
+      "src": "/icon-192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ]
+}
diff --git a/service-worker.js b/service-worker.js
@@ -0,0 +1,32 @@
+const CACHE_NAME = "pwa-cache-v1";
+const urlsToCache = ["/", "/index.html", "/manifest.json", "/icon-192.png", "/icon-512.png"];
+
+self.addEventListener("install", (event) => {
+  event.waitUntil(
+    caches.open(CACHE_NAME).then((cache) => {
+      return cache.addAll(urlsToCache);
+    })
+  );
+});
+
+self.addEventListener("fetch", (event) => {
+  event.respondWith(
+    caches.match(event.request).then((response) => {
+      return response || fetch(event.request);
+    })
+  );
+});
+
+self.addEventListener("activate", (event) => {
+  event.waitUntil(
+    caches.keys().then((cacheNames) => {
+      return Promise.all(
+        cacheNames.map((cache) => {
+          if (cache !== CACHE_NAME) {
+            return caches.delete(cache);
+          }
+        })
+      );
+    })
+  );
+});
