diff --git a/apps/frontend/src/components/common/ProgressBar.tsx b/apps/frontend/src/components/common/ProgressBar.tsx
index 6d5e002ee..e3acab8d7 100644
--- a/apps/frontend/src/components/common/ProgressBar.tsx
+++ b/apps/frontend/src/components/common/ProgressBar.tsx
@@ -27,8 +27,6 @@ const ProgressBar = ({ playTime, time, onTimeEnd }: ProgressBarProps) => {
         onTimeEnd?.();
     }
 
-    console.log(progress);
-
     return (
         <div className="w-full flex justify-center flex-col items-center gap-2">
             <Progress value={progress} max={100} className="max-w-[60%]" />
diff --git a/apps/frontend/src/vite-env.d.ts b/apps/frontend/src/vite-env.d.ts
index 11f02fe2a..ce0977e1c 100644
--- a/apps/frontend/src/vite-env.d.ts
+++ b/apps/frontend/src/vite-env.d.ts
@@ -1 +1,7 @@
 /// <reference types="vite/client" />
+declare module '*?worker' {
+    const workerConstructor: {
+        new (): Worker;
+    };
+    export default workerConstructor;
+}
diff --git a/apps/frontend/vite.config.ts b/apps/frontend/vite.config.ts
index d3d322823..ca2fd34a6 100644
--- a/apps/frontend/vite.config.ts
+++ b/apps/frontend/vite.config.ts
@@ -25,6 +25,24 @@ export default defineConfig(({ mode }) => {
                 },
             },
         },
+        build: {
+            rollupOptions: {
+                output: {
+                    manualChunks(id) {
+                        if (id.includes('timer.worker')) {
+                            return 'worker';
+                        }
+                    },
+                    // 캐시 무효화를 위한 더 안전한 방법
+                    entryFileNames: `assets/[name].[hash].js`,
+                    chunkFileNames: `assets/[name].[hash].js`,
+                    assetFileNames: `assets/[name].[hash].[ext]`,
+                },
+            },
+            // 캐시 설정
+            manifest: true, // manifest 파일 생성
+            sourcemap: true,
+        },
         test: {
             environment: 'jsdom',
             globals: true,