{
  "name": "ACTOF WRITE",
  "short_name": "ACTOF",
  "start_url": "./index.html",
  "display": "standalone",
  "background_color": "#F9F9F7",
  "theme_color": "#F9F9F7",
  "icons": [
    {
      "src": "https://via.placeholder.com/192", 
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "https://via.placeholder.com/512",
      "sizes": "512x512",
      "type": "image/png"
    }
  ]
}
(참고: 아이콘 경로는 추후 실제 액토프 라이트 로고 이미지로 교체하시면 더 멋집니다!)

5. sw.js (서비스 워커 파일)
마찬가지로 최상단에 sw.js라는 이름의 파일을 만들고 아래 코드를 붙여넣어 주세요. 브라우저가 화면을 기억해 오프라인 접속을 가능하게 만듭니다.

JavaScript
const CACHE_NAME = 'actof-write-v1';
const urlsToCache = [
  './',
  './index.html',
  './styles.css',
  './script.js',
  'https://cdn.jsdelivr.net/gh/fromcheon121-create/my-fonts@main/DungGeunMo.woff2'
];

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);
      })
  );
});