스프린트 미션 6 진행 중

package.json

@@ -10,6 +10,7 @@
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.26.1",
     "react-scripts": "5.0.1",
+    "styled-components": "^6.1.13",
     "web-vitals": "^2.1.4"
   },
   "scripts": {

src/api.js

@@ -7,25 +7,32 @@
  * @returns
  */
 export async function getItems(
-  page = 1,
-  pageSize = 10,
-  orderBy = "recent",
-  keyword
+	page = 1,
+	pageSize = 10,
+	orderBy = "recent",
+	keyword
 ) {
-  const searchQuery = keyword ? `keyword=${keyword}` : "";
-  const response = await fetch(
-    `https://panda-market-api.vercel.app/products?page=${page}&pageSize=${pageSize}&orderBy=${orderBy}&${searchQuery}`
-  );
-  const body = await response.json();
-  return body;
+	const searchQuery = keyword ? `keyword=${keyword}` : "";
+	const response = await fetch(
+		`https://panda-market-api.vercel.app/products?page=${page}&pageSize=${pageSize}&orderBy=${orderBy}&${searchQuery}`
+	);
+	const body = await response.json();
+	return body;
 }
 
-// // 1페이지 10개 최신순 줘
-// const 1페이지10개 = getItems(1,10,"recent")
-// const 2페이지10개 = getItems(2,10,"recent")
-// const 3페이지10개 = getItems(3,10,"recent")
 
-// // 최신순으로 1페이지 1개 줘
-// const 1페이지10개 = getItems(1,10,"favorite")
-// const 2페이지10개 = getItems(2,10,"favorite")
-// const 3페이지10개 = getItems(3,10,"favorite")
+
+export async function addItem(requestBody) {
+	const response = await fetch("https://panda-market-api.vercel.app/products", {
+		method: "POST",
+		body: JSON.stringify({
+			images: requestBody.images, 
+			tags: requestBody.tags,
+			price: requestBody.price, 
+			description: requestBody.description,
+			name: requestBody.name, 
+		}),
+	});
+	return response;
+}
+

src/components/App.js

@@ -1,12 +1,13 @@
 import Nav from "./Nav";
 
+
 function App({ children }) {
-  return (
-    <div>
-      <Nav></Nav>
-      <div>{children}</div>
-    </div>
-  );
+	return (
+		<div>
+			<Nav></Nav>
+			<div>{children}</div>
+		</div>
+	);
 }
 
 export default App;