woowacourse
diff --git a/‎.gitignore‎
Lines changed: 5 additions & 1 deletion b/‎.gitignore‎
Lines changed: 5 additions & 1 deletion
diff --git a/‎.storybook/preview-head.html‎
Lines changed: 1 addition & 1 deletion b/‎.storybook/preview-head.html‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎.storybook/preview.ts‎
Lines changed: 1 addition & 0 deletions b/‎.storybook/preview.ts‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎404.html‎
Lines changed: 55 additions & 0 deletions b/‎404.html‎
Lines changed: 55 additions & 0 deletions
diff --git a/‎index.html‎
Lines changed: 20 additions & 2 deletions b/‎index.html‎
Lines changed: 20 additions & 2 deletions
diff --git a/‎package-lock.json‎
Lines changed: 135 additions & 1 deletion b/‎package-lock.json‎
Lines changed: 135 additions & 1 deletion
diff --git a/‎package.json‎
Lines changed: 7 additions & 3 deletions b/‎package.json‎
Lines changed: 7 additions & 3 deletions
@@ -1,6 +1,9 @@
 # Vite
 .vite
 
+.env
+.env.production
+
 # Logs
 logs
 *.log
@@ -26,4 +29,5 @@ dist-ssr
 *.sln
 *.sw?
 
-*storybook.log
+*storybook.log
+*storybook-static
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-    <link href="../src/index.css" rel="stylesheet" />
+    <link href="./index.css" rel="stylesheet" />
 
     <title>Document</title>
   </head>
 
@@ -1,4 +1,5 @@
 import type { Preview } from "@storybook/react";
+import "../src/global/index.css";
 
 const preview: Preview = {
   parameters: {
 
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Single Page Apps for GitHub Pages</title>
+    <script type="text/javascript">
+      // Single Page Apps for GitHub Pages
+      // MIT License
+      // https://github.com/rafgraph/spa-github-pages
+      // This script takes the current url and converts the path and query
+      // string into just a query string, and then redirects the browser
+      // to the new url with only a query string and hash fragment,
+      // e.g. https://www.foo.tld/one/two?a=b&c=d#qwe, becomes
+      // https://www.foo.tld/?/one/two&a=b~and~c=d#qwe
+      // Note: this 404.html file must be at least 512 bytes for it to work
+      // with Internet Explorer (it is currently > 512 bytes)
+
+      // If you're creating a Project Pages site and NOT using a custom domain,
+      // then set pathSegmentsToKeep to 1 (enterprise users may need to set it to > 1).
+      // This way the code will only replace the route part of the path, and not
+      // the real directory in which the app resides, for example:
+      // https://username.github.io/repo-name/one/two?a=b&c=d#qwe becomes
+      // https://username.github.io/repo-name/?/one/two&a=b~and~c=d#qwe
+      // Otherwise, leave pathSegmentsToKeep as 0.
+      var pathSegmentsToKeep = 1;
+
+      var l = window.location;
+      l.replace(
+        l.protocol +
+          "//" +
+          l.hostname +
+          (l.port ? ":" + l.port : "") +
+          l.pathname
+            .split("/")
+            .slice(0, 1 + pathSegmentsToKeep)
+            .join("/") +
+          "/?/" +
+          l.pathname
+            .slice(1)
+            .split("/")
+            .slice(pathSegmentsToKeep)
+            .join("/")
+            .replace(/&/g, "~and~") +
+          (l.search ? "&" + l.search.slice(1).replace(/&/g, "~and~") : "") +
+          l.hash
+      );
+    </script>
+  </head>
+  <body></body>
+</html>
+
+
+
+
+
@@ -1,13 +1,31 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="ko">
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>React Payments</title>
+    <script type="text/javascript">
+      (function (l) {
+        if (l.search[1] === "/") {
+          var decoded = l.search
+            .slice(1)
+            .split("&")
+            .map(function (s) {
+              return s.replace(/~and~/g, "&");
+            })
+            .join("?");
+          window.history.replaceState(
+            null,
+            null,
+            l.pathname.slice(0, -1) + decoded + l.hash
+          );
+        }
+      })(window.location);
+    </script>
   </head>
   <body>
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>
-</html>
+</html>
@@ -9,15 +9,18 @@
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "deploy": "vite build --base=/react-payments/ --minify=false && npx gh-pages -d dist",
+    "chromatic": "dotenv -e .env -- npx chromatic --project-token=$CHROMATIC_PROJECT_TOKEN"
   },
   "dependencies": {
     "react": "^19.1.0",
-    "react-dom": "^19.1.0"
+    "react-dom": "^19.1.0",
+    "react-router": "^7.5.1"
   },
   "devDependencies": {
-    "@eslint/js": "^9.24.0",
     "@chromatic-com/storybook": "^3.2.6",
+    "@eslint/js": "^9.24.0",
     "@storybook/addon-essentials": "^8.6.12",
     "@storybook/addon-interactions": "^8.6.12",
     "@storybook/addon-links": "^8.6.12",
@@ -29,6 +32,7 @@
     "@types/react": "^19.1.1",
     "@types/react-dom": "^19.1.2",
     "@vitejs/plugin-react-swc": "^3.8.1",
+    "dotenv-cli": "^8.0.0",
     "eslint": "^9.24.0",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.19",
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`import type { Preview } from "@storybook/react";`
	`2`	`+import "../src/global/index.css";`
`2`	`3`
`3`	`4`	`const preview: Preview = {`
`4`	`5`	`parameters: {`