codeit-bootcamp-frontend · kiJu2 · Aug 8, 2025 · Aug 4, 2025 · Aug 4, 2025 · Aug 4, 2025
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -18,4 +18,4 @@ module.exports = {
       { allowConstantExport: true },
     ],
   },
-}
+};
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -13,7 +13,8 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-hook-form": "^7.60.0",
-    "react-router": "^7.6.3"
+    "react-router": "^7.6.3",
+    "styled-components": "^6.1.19"
   },
   "devDependencies": {
     "@types/react": "^18.2.66",

diff --git a/src/App.jsx b/src/App.jsx
@@ -1,11 +1,12 @@
-import { Route, Routes } from 'react-router';
-import Home from './pages/Home';
-import Login from './pages/auth/Login';
-import MainLayout from './layout/MainLayout';
-import Signup from './pages/auth/Signup';
-import AuthLayout from './layout/AuthLayout';
-import ItemsLayout from './layout/ItemsLayout';
-import Items from './pages/items/Items';
+import { Route, Routes } from "react-router";
+import Home from "./pages/Home";
+import Login from "./pages/auth/Login";
+import MainLayout from "./layout/MainLayout";
+import Signup from "./pages/auth/Signup";
+import AuthLayout from "./layout/AuthLayout";
+import ItemsLayout from "./layout/ItemsLayout";
+import Items from "./pages/items/Items";
+import AddItem from "./pages/items/AddItem";
 
 function App() {
   return (
@@ -25,6 +26,7 @@ function App() {
         {/* 중고 마켓 */}
         <Route element={<ItemsLayout />}>
           <Route path="items" element={<Items />} />
+          <Route path="additem" element={<AddItem />} />
         </Route>
       </Routes>
     </>

diff --git a/src/assets/icons/ic_X.svg b/src/assets/icons/ic_X.svg
diff --git a/src/assets/icons/ic_plus.svg b/src/assets/icons/ic_plus.svg
diff --git a/src/components/DropdownList.jsx b/src/components/DropdownList.jsx
@@ -1,15 +1,15 @@
 import '../styles/components/dropDownList.css';
 import { memo, useEffect, useState } from 'react';
 
-function DropdownList({ changeOrder }) {
-  /**
-   * 드롭다운 리스트 메뉴
-   */
-  const orderList = [
-    { name: '최신순', value: 'recent' },
-    { name: '좋아요순', value: 'favorite' },
-  ];
+/**
+ * 드롭다운 리스트 메뉴
+ */
+const orderList = [
+  { name: '최신순', value: 'recent' },
+  { name: '좋아요순', value: 'favorite' },
+];
 
+function DropdownList({ changeOrder }) {
   const [order, setOrder] = useState(orderList[0].name);
 
   /**
@@ -21,7 +21,7 @@ function DropdownList({ changeOrder }) {
    * 드롭다운 리스트 열림/닫힘 이벤트
    */
   const onClickOpen = () => {
-    setIsOpen(!isOpen);
+    setIsOpen((prevState) => !prevState);
   };
 
   /**
-Original file line number
+Diff line change
@@ Expand Up / @@ -18,4 +18,4 @@ module.exports = { @@
           { allowConstantExport: true },
         ],
       },
-    }
+    };