diff --git a/client/webpack.common.js b/client/webpack.common.js
index caed8828..26665e6c 100644
--- a/client/webpack.common.js
+++ b/client/webpack.common.js
@@ -11,6 +11,9 @@ export default {
   // https://github.com/TypeStrong/fork-ts-checker-webpack-plugin#installation
   context: dirname(fileURLToPath(import.meta.url)),
   entry: './src/index',
+  output: {
+    publicPath: '/',
+  },
   resolve: {
     extensions: ['.js', '.jsx', '.ts', '.tsx'],
   },
diff --git a/client/webpack.production.js b/client/webpack.production.js
index df289f60..c4228ffe 100644
--- a/client/webpack.production.js
+++ b/client/webpack.production.js
@@ -9,7 +9,6 @@ export default merge(webpackCommonConfig, {
     // 번들링된 파일명을 수정하는 것은 storybook 구동에 영향을 주기 때문에
     // production 빌드 시에만 사용하여야 합니다
     filename: '[name].[contenthash].js',
-    publicPath: '/',
     clean: true,
   },
   plugins: [