[윤혜림] Sprint6

package.json

@@ -1,18 +1,22 @@
 {
-  "name": "sprint5",
+  "name": "pandamarket",
   "version": "0.1.0",
   "private": true,
   "dependencies": {
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
     "axios": "^1.7.7",
+    "format": "^0.2.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-js-pagination": "^3.0.3",
+    "react-number": "^0.0.1-alpha4",
+    "react-number-format": "^5.4.2",
     "react-responsive": "^10.0.0",
     "react-router-dom": "^6.28.0",
     "react-scripts": "5.0.1",
+    "styled-components": "^6.1.13",
     "web-vitals": "^2.1.4"
   },
   "scripts": {

src/api.js → src/Api/api.js

@@ -1,4 +1,4 @@
-async function productData({ orderBy, pageSize, search, page }) {
+async function getProductData({ orderBy, pageSize, search, page }) {
   const query = `page=${page}&orderBy=${orderBy}&pageSize=${pageSize}&keyword=${search}`;
   const response = await fetch(
     `https://panda-market-api.vercel.app/products?${query}`
@@ -11,4 +11,4 @@ async function productData({ orderBy, pageSize, search, page }) {
   return body;
 }
 
-export default productData;
+export default getProductData;