codeit-sprint-fullstack · yesongjoo · Nov 17, 2025 · Nov 17, 2025
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/README.md b/README.md
@@ -48,3 +48,20 @@ _위 이미지는 판다마켓의 대표 이미지입니다._ 📸
 ---
 
 본 프로젝트는 [코드잇](https://www.codeit.kr)의 소유이며, 교육 목적으로만 사용됩니다. © 2024 Codeit. All rights reserved.
+
+# React + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## React Compiler
+
+The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.
diff --git a/eslint.config.js b/eslint.config.js
@@ -0,0 +1,29 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import { defineConfig, globalIgnores } from 'eslint/config'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{js,jsx}'],
+    extends: [
+      js.configs.recommended,
+      reactHooks.configs['recommended-latest'],
+      reactRefresh.configs.vite,
+    ],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+      parserOptions: {
+        ecmaVersion: 'latest',
+        ecmaFeatures: { jsx: true },
+        sourceType: 'module',
+      },
+    },
+    rules: {
+      'no-unused-vars': ['error', { varsIgnorePattern: '^[A-Z_]' }],
+    },
+  },
+])
diff --git a/index.html b/index.html
@@ -2,132 +2,12 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="./src/assets/img/logo.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="css/general.css" />
-    <link rel="stylesheet" href="css/style.css" />
-		<link rel="icon" href="img/panda_logo.png" />
-    <title>Panda Market</title>
+    <title>panda_market</title>
   </head>
   <body>
-    <header>
-      <!-- nav -->
-			 <section class="section-nav">
-				<nav class="container-nav">
-         <a href="#" class="logoWrap">
-          <img class="logo" src="img/logo.svg" alt="panda market logo" />
-           <div>판다마켓</div>
-         </a>
-         <a class="btn login-btn" href="login.html">로그인</a>
-       </nav>
-			 </section>
-
-    </header>
-
-    <!-- main -->
-    <main>
-      <!-- hero section -->
-      <section class="section-hero">
-        <div class="container-hero grid">
-          <div class="heroWrap">
-            <h1 class="title">
-              일상의 모든 물건을<br />
-              거래해 보세요
-            </h1>
-            <a class="btn hero-btn" href="items.html">구경하러 가기</a>
-          </div>
-          <div>
-            <img src="img/Group 33680.png" alt="panda and the world" />
-          </div>
-        </div>
-      </section>
-      <!-- section Best Sellers -->
-      <section class="section-best">
-        <div class="container-best">
-          <div class="img-box">
-            <img src="img/Frame 2608833.png" alt="Hot item" />
-          </div>
-          <div class="contentWrap">
-            <h2 class="subtitle">Hot item</h2>
-            <h1 class="title">인기 상품을<br />확인해 보세요</h1>
-            <p class="text">
-              가장 HOT한 중고거래 물품을<br />판다 마켓에서 확인해 보세요
-            </p>
-          </div>
-        </div>
-      </section>
-      <!-- section Search items -->
-      <section class="section-search">
-        <div class="container-search">
-          <div class="img-box">
-            <img src="img/Img_home_02.png" alt="Hot item" />
-          </div>
-          <div class="contentWrap">
-            <h2 class="subtitle">Search</h2>
-            <h1 class="title">구매를 원하는<br />상품을 검색하세요</h1>
-            <p class="text">
-              구매하고 싶은 물품은 검색해서<br />쉽게 찾아보세요
-            </p>
-          </div>
-        </div>
-      </section>
-      <!-- section Register items -->
-      <section class="section-register">
-        <div class="container-register">
-          <div class="img-box">
-            <img src="img/Img_home_03.png" alt="Hot item" />
-          </div>
-          <div class="contentWrap">
-            <h2 class="subtitle">Register</h2>
-            <h1 class="title">판매를 원하는<br />상품을 등록하세요</h1>
-            <p class="text">
-              어떤 물건이든 판매하고 싶은 상품을<br />쉽게 등록하세요
-            </p>
-          </div>
-        </div>
-      </section>
-			      <!-- section-bottom -->
-			<section class="section-bottom">
-				<div class="container-bottom grid">
-          <div class="heroWrap">
-            <h1 class="title">
-              믿을 수 있는<br>
-판다마켓 중고 거래
-            </h1>
-
-          </div>
-          <div>
-            <img src="img/Img_home_bottom.png" alt="panda and the world" />
-          </div>
-			</section>
-    </main>
-
-					      <!--------- footer---------->
-		<footer>
-			<section class="section-footer"><div class="container-footer"><div>©codeit - 2024</div>
-			<div class="footer-nav">
-				<a href="#">Privacy Policy</a>
-		    <a href="#">FAQ</a>
-	     </div>
-			<div class="social-links">
-				<a class="social-link" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M0 9.90316C0 14.3777 3.24975 18.0984 7.5 18.8529V12.3527H5.25V9.85291H7.5V7.85266C7.5 5.60266 8.94975 4.35316 11.0002 4.35316C11.6497 4.35316 12.3503 4.45291 12.9998 4.55266V6.85291H11.85C10.7498 6.85291 10.5 7.40266 10.5 8.10316V9.85291H12.9L12.5002 12.3527H10.5V18.8529C14.7502 18.0984 18 14.3784 18 9.90316C18 4.92541 13.95 0.852905 9 0.852905C4.05 0.852905 0 4.92541 0 9.90316Z" fill="white"/>
-</svg></a>
-								<a class="social-link" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
-  <path d="M19.7029 4.11415C19.0071 4.42248 18.2596 4.63082 17.4737 4.72498C18.2846 4.23981 18.8912 3.4762 19.1804 2.57665C18.4186 3.02914 17.5849 3.34765 16.7154 3.51832C16.1307 2.89404 15.3563 2.48025 14.5124 2.34121C13.6684 2.20217 12.8022 2.34564 12.0481 2.74936C11.2941 3.15308 10.6944 3.79445 10.3422 4.5739C9.99003 5.35335 9.90503 6.22727 10.1004 7.05998C8.55682 6.98248 7.04677 6.58127 5.66827 5.8824C4.28977 5.18353 3.07362 4.20262 2.09875 3.00332C1.76542 3.57832 1.57375 4.24498 1.57375 4.95498C1.57338 5.59415 1.73078 6.22352 2.03198 6.78726C2.33319 7.351 2.76888 7.83168 3.30042 8.18665C2.68398 8.16704 2.08114 8.00047 1.54208 7.70082V7.75082C1.54202 8.64727 1.85211 9.51613 2.41974 10.21C2.98736 10.9038 3.77756 11.3799 4.65625 11.5575C4.0844 11.7122 3.48486 11.735 2.90292 11.6242C3.15083 12.3955 3.63375 13.07 4.28406 13.5533C4.93437 14.0365 5.71951 14.3043 6.52958 14.3192C5.15444 15.3987 3.45616 15.9842 1.70792 15.9816C1.39823 15.9817 1.08881 15.9636 0.78125 15.9275C2.55581 17.0685 4.62153 17.674 6.73125 17.6716C13.8729 17.6716 17.7771 11.7566 17.7771 6.62665C17.7771 6.45998 17.7729 6.29165 17.7654 6.12498C18.5248 5.57579 19.1803 4.89573 19.7013 4.11665L19.7029 4.11415Z" fill="white"/>
-</svg></a>
-												<a class="social-link" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="14" viewBox="0 0 20 14" fill="none">
-  <path d="M19.5829 2.4224C19.4696 2.01843 19.249 1.65269 18.9445 1.36407C18.6314 1.06657 18.2477 0.853764 17.8295 0.745734C16.2645 0.333234 9.99454 0.333234 9.99454 0.333234C7.38065 0.303495 4.7674 0.434296 2.16954 0.7249C1.75136 0.840911 1.36834 1.05847 1.05454 1.35823C0.746204 1.6549 0.522871 2.02073 0.406204 2.42157C0.125949 3.93135 -0.0102189 5.46435 -0.000462243 6.9999C-0.0104622 8.53407 0.125371 10.0666 0.406204 11.5782C0.520371 11.9774 0.742871 12.3416 1.05204 12.6357C1.3612 12.9299 1.7462 13.1424 2.16954 13.2549C3.75537 13.6666 9.99454 13.6666 9.99454 13.6666C12.6118 13.6963 15.2283 13.5655 17.8295 13.2749C18.2477 13.1669 18.6314 12.9541 18.9445 12.6566C19.2489 12.368 19.4693 12.0022 19.582 11.5982C19.8696 10.089 20.0094 8.55539 19.9995 7.01907C20.0212 5.47624 19.8815 3.93537 19.5829 2.42157V2.4224ZM8.0012 9.85323V4.1474L13.2179 7.00073L8.0012 9.85323Z" fill="white"/>
-</svg></a>
-																<a class="social-link" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
-  <path d="M9.49787 7.51837C7.93707 7.51837 6.66333 8.7921 6.66333 10.3529C6.66333 11.9137 7.93707 13.1874 9.49787 13.1874C11.0587 13.1874 12.3324 11.9137 12.3324 10.3529C12.3324 8.7921 11.0587 7.51837 9.49787 7.51837ZM17.9994 10.3529C17.9994 9.17911 18.01 8.01595 17.9441 6.84428C17.8782 5.48337 17.5677 4.27555 16.5725 3.28038C15.5752 2.28308 14.3695 1.97474 13.0086 1.90883C11.8348 1.84291 10.6717 1.85354 9.5 1.85354C8.32621 1.85354 7.16305 1.84291 5.99138 1.90883C4.63046 1.97474 3.42264 2.2852 2.42747 3.28038C1.43017 4.27768 1.12184 5.48337 1.05592 6.84428C0.99 8.01808 1.00063 9.18124 1.00063 10.3529C1.00063 11.5246 0.99 12.6899 1.05592 13.8615C1.12184 15.2224 1.4323 16.4303 2.42747 17.4254C3.42477 18.4227 4.63046 18.7311 5.99138 18.797C7.16517 18.8629 8.32833 18.8523 9.5 18.8523C10.6738 18.8523 11.837 18.8629 13.0086 18.797C14.3695 18.7311 15.5774 18.4206 16.5725 17.4254C17.5698 16.4281 17.8782 15.2224 17.9441 13.8615C18.0121 12.6899 17.9994 11.5267 17.9994 10.3529ZM9.49787 14.7142C7.08437 14.7142 5.13655 12.7664 5.13655 10.3529C5.13655 7.9394 7.08437 5.99158 9.49787 5.99158C11.9114 5.99158 13.8592 7.9394 13.8592 10.3529C13.8592 12.7664 11.9114 14.7142 9.49787 14.7142ZM14.0378 6.83153C13.4743 6.83153 13.0193 6.37647 13.0193 5.81296C13.0193 5.24946 13.4743 4.7944 14.0378 4.7944C14.6013 4.7944 15.0564 5.24946 15.0564 5.81296C15.0565 5.94677 15.0303 6.0793 14.9792 6.20295C14.9281 6.3266 14.853 6.43895 14.7584 6.53357C14.6638 6.62819 14.5515 6.70321 14.4278 6.75433C14.3041 6.80546 14.1716 6.83169 14.0378 6.83153Z" fill="white"/>
-</svg></a>
-
-
-
-
-			</div></div></section>
-
-
-		</footer>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
   </body>
 </html>