chore: msw 설치

next.config.js

@@ -5,4 +5,20 @@ module.exports = {
   sassOptions: {
     includePaths: [path.join(__dirname, 'styles')],
   },
+  webpack: (config, context) => {
+    if (context?.isServer) {
+      if (Array.isArray(config.resolve.alias)) {
+        config.resolve.alias.push({ name: "msw/browser", alias: false })
+      } else {
+        config.resolve.alias["msw/browser"] = false
+      }
+    } else {
+      if (Array.isArray(config.resolve.alias)) {
+        config.resolve.alias.push({ name: "msw/node", alias: false })
+      } else {
+        config.resolve.alias["msw/node"] = false
+      }
+    }
+    return config
+  },
 }

package.json

@@ -58,6 +58,7 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-storybook": "^0.6.15",
     "jsdom": "^23.2.0",
+    "msw": "^2.0.13",
     "sass": "^1.69.6",
     "storybook": "^7.6.6",
     "storybook-react-context": "^0.6.0",
@@ -68,5 +69,8 @@
     "vitest": "^1.1.3"
   },
   "readme": "ERROR: No README data found!",
-  "_id": "[email protected]"
+  "_id": "[email protected]",
+  "msw": {
+    "workerDirectory": "public"
+  }
 }