Merge branch 'release-1.0.3' into fix/position-fixed-in-PWA

.storybook/main.ts

@@ -0,0 +1,20 @@
+import type { StorybookConfig } from '@storybook/nextjs'
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-onboarding',
+    '@storybook/addon-interactions',
+    '@storybook/addon-mdx-gfm'
+  ],
+  framework: {
+    name: '@storybook/nextjs',
+    options: {},
+  },
+  docs: {
+    autodocs: 'tag',
+  },
+}
+export default config

.storybook/preview.ts

@@ -0,0 +1,15 @@
+import type { Preview } from '@storybook/react'
+
+const preview: Preview = {
+  parameters: {
+    actions: { argTypesRegex: '^on[A-Z].*' },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+}
+
+export default preview

next.config.js

@@ -5,11 +5,12 @@ const withPWA = require('@ducanh2912/next-pwa').default({
   dest: 'public',
   register: true,
   skipWaiting: true,
-  disable: false,
-  // disable: prod ? false : true, 나중에 true로 바꿔야함
+  disable: prod ? false : true, // 나중에 true로 바꿔야함
   // runtimeCaching,
 })
 
+const WorkboxPlugin = require('workbox-webpack-plugin')
+
 const nextConfig = withPWA({
   reactStrictMode: false,
   compiler: {
@@ -27,6 +28,12 @@ const nextConfig = withPWA({
       'kr1-api-object-storage.nhncloudservice.com',
     ],
   },
+  // plugins: [
+  //   new WorkboxPlugin.GenerateSW({
+  //     clientsClaim: true,
+  //     skipWaiting: true,
+  //   }),
+  // ],
   webpack(config) {
     config.module.rules.push({
       test: /\.svg$/i,
@@ -38,7 +45,14 @@ const nextConfig = withPWA({
   },
 })
 
-// module.exports = nextConfig
+const runtimeCaching = {
+  plugins: [
+    new WorkboxPlugin.GenerateSW({
+      clientsClaim: true,
+      skipWaiting: true,
+    }),
+  ],
+}
 
 module.exports = nextConfig