codeit-bootcamp-frontend · addiescode-sj · Jun 19, 2025 · Oct 10, 2023 · Oct 10, 2023 · Oct 10, 2023
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -8,7 +8,9 @@
     "@testing-library/user-event": "^13.5.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-router-dom": "^6.30.0",
     "react-scripts": "5.0.1",
+    "sass": "^1.89.0",
     "web-vitals": "^2.1.4"
   },
   "scripts": {

diff --git a/public/assets/images/common/og_img.png b/public/assets/images/common/og_img.png
diff --git a/public/assets/images/main/bottom_banner_img.png b/public/assets/images/main/bottom_banner_img.png
diff --git a/public/assets/images/main/bottom_banner_img_mo.png b/public/assets/images/main/bottom_banner_img_mo.png
diff --git a/public/assets/images/main/service_hot_img.png b/public/assets/images/main/service_hot_img.png
diff --git a/public/assets/images/main/service_hot_img_mo.png b/public/assets/images/main/service_hot_img_mo.png
diff --git a/public/assets/images/main/service_register_img.png b/public/assets/images/main/service_register_img.png
diff --git a/public/assets/images/main/service_register_img_mo.png b/public/assets/images/main/service_register_img_mo.png
diff --git a/public/assets/images/main/service_search_img.png b/public/assets/images/main/service_search_img.png
diff --git a/public/assets/images/main/service_search_img_mo.png b/public/assets/images/main/service_search_img_mo.png
diff --git a/public/assets/images/main/top_banner_img.png b/public/assets/images/main/top_banner_img.png
diff --git a/public/assets/images/main/top_banner_img_mo.png b/public/assets/images/main/top_banner_img_mo.png
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/index.html b/public/index.html
@@ -1,43 +1,34 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="ko">
   <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <!-- meta og :: 카카오톡 -->
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://codeit-sprint-ltg.netlify.app/" />
+    <meta property="og:title" content="판다 마켓" />
     <meta
-      name="description"
-      content="Web site created using create-react-app"
+      property="og:image"
+      content="%PUBLIC_URL%/assets/images/common/og_img.png"
     />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
+    <meta property="og:description" content="일상의 모든 물건을 거래해보세요" />
 
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>React App</title>
+    <!-- meta og :: 트위터/디스코드 -->
+    <meta name="twitter:title" content="판다 마켓" />
+    <meta
+      name="twitter:description"
+      content="일상의 모든 물건을 거래해보세요"
+    />
+    <meta
+      name="twitter:image"
+      content="%PUBLIC_URL%/assets/images/common/og_img.png"
+    />
+    <meta name="twitter:card" content="summary_large_image" />
+
+    <title>판다마켓</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
   </body>
 </html>
diff --git a/public/logo192.png b/public/logo192.png
diff --git a/public/logo512.png b/public/logo512.png
diff --git a/public/manifest.json b/public/manifest.json
diff --git a/src/App.css b/src/App.css
diff --git a/src/App.js b/src/App.js
@@ -1,24 +1,15 @@
-import logo from './logo.svg';
-import './App.css';
+import { createBrowserRouter, RouterProvider } from "react-router-dom";
+import routes from "./routes";
+import "./styles/style.scss";
 
 function App() {
+  const router = createBrowserRouter(routes, {
+    future: {
+      v7_relativeSplatPath: true,
+    },
+  });
   return (
-    <div className="App">
-      <header className="App-header">
-        <img src={logo} className="App-logo" alt="logo" />
-        <p>
-          Edit <code>src/App.js</code> and save to reload.
-        </p>
-        <a
-          className="App-link"
-          href="https://reactjs.org"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Learn React
-        </a>
-      </header>
-    </div>
+    <RouterProvider router={router} future={{ v7_startTransition: true }} />
   );
 }
 

diff --git a/src/App.test.js b/src/App.test.js
diff --git a/src/assets/images/common/logo_lg.svg b/src/assets/images/common/logo_lg.svg
diff --git a/src/assets/images/common/logo_md.svg b/src/assets/images/common/logo_md.svg