+
- 목록으로 돌아가기
+ 목록으로 돌아가기
diff --git a/src/page/ProductListPage.tsx b/src/page/ProductListPage.tsx
new file mode 100644
index 000000000..74c0f67a4
--- /dev/null
+++ b/src/page/ProductListPage.tsx
@@ -0,0 +1,13 @@
+import ItemPage from "../components/ItemPage";
+
+const ProductListPage = () => {
+ return (
+
+
+
+
+
+ );
+};
+
+export default ProductListPage;
diff --git a/src/reportWebVitals.js b/src/reportWebVitals.js
deleted file mode 100644
index 5253d3ad9..000000000
--- a/src/reportWebVitals.js
+++ /dev/null
@@ -1,13 +0,0 @@
-const reportWebVitals = onPerfEntry => {
- if (onPerfEntry && onPerfEntry instanceof Function) {
- import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
- getCLS(onPerfEntry);
- getFID(onPerfEntry);
- getFCP(onPerfEntry);
- getLCP(onPerfEntry);
- getTTFB(onPerfEntry);
- });
- }
-};
-
-export default reportWebVitals;
diff --git a/src/setupTests.js b/src/setupTests.js
deleted file mode 100644
index 8f2609b7b..000000000
--- a/src/setupTests.js
+++ /dev/null
@@ -1,5 +0,0 @@
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom';
diff --git a/src/types/Comment.ts b/src/types/Comment.ts
new file mode 100644
index 000000000..2922eb9bb
--- /dev/null
+++ b/src/types/Comment.ts
@@ -0,0 +1,14 @@
+export default interface Comment {
+ nextCursor: number;
+ list: {
+ writer: {
+ image: string;
+ nickname: string;
+ id: number;
+ };
+ updatedAt: Date;
+ createdAt: Date;
+ content: string;
+ id: number;
+ }[];
+}
diff --git a/src/types/ItemInputValue.ts b/src/types/ItemInputValue.ts
new file mode 100644
index 000000000..a8b88c7cb
--- /dev/null
+++ b/src/types/ItemInputValue.ts
@@ -0,0 +1,14 @@
+import { ItemInputQuery } from "./Query";
+
+export default interface ItemInputValue {
+ labelName: string;
+ type: string;
+ id: string;
+ name: ItemInputQuery;
+ className: string;
+ //value: string | File;
+ value: any;
+ //onChange: () => void;
+ onChange: any;
+ placeholder?: string;
+}
diff --git a/src/types/Product.ts b/src/types/Product.ts
new file mode 100644
index 000000000..a1e169103
--- /dev/null
+++ b/src/types/Product.ts
@@ -0,0 +1,12 @@
+export default interface Product {
+ createdAt: Date;
+ favoriteCount: number;
+ ownerNickname: string;
+ ownerId: number;
+ images: string[];
+ tags: string[];
+ price: number;
+ description: string;
+ name: string;
+ id: number;
+}
diff --git a/src/types/Query.ts b/src/types/Query.ts
new file mode 100644
index 000000000..155fe8b82
--- /dev/null
+++ b/src/types/Query.ts
@@ -0,0 +1,3 @@
+export type OrderQuery = "recent" | "favorite";
+export type OrderKorQuery = "최신순" | "좋아요순";
+export type ItemInputQuery = "name" | "introduce" | "price" | "imgFile" | "tag";
diff --git a/src/hooks/useDate.jsx b/src/utils/formatDate.ts
similarity index 89%
rename from src/hooks/useDate.jsx
rename to src/utils/formatDate.ts
index 8ccddf70e..da79c9aac 100644
--- a/src/hooks/useDate.jsx
+++ b/src/utils/formatDate.ts
@@ -1,4 +1,4 @@
-const useDate = (dateSet) => {
+const useDate = (dateSet: Date) => {
const dateString = dateSet;
const date = new Date(dateString);
const year = date.getFullYear();
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 000000000..2899f8460
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,15 @@
+{
+ "compilerOptions": {
+ "target": "ESNext",
+ "module": "ESNext",
+ "jsx": "react-jsx",
+ "strict": true,
+ "esModuleInterop": true,
+ "skipLibCheck": true,
+ "moduleResolution": "node",
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "noEmit": true
+ },
+ "include": ["src"]
+}
diff --git a/vite.config.js b/vite.config.js
deleted file mode 100644
index 8b0f57b91..000000000
--- a/vite.config.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-
-// https://vite.dev/config/
-export default defineConfig({
- plugins: [react()],
-})
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 000000000..081c8d9f6
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,6 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+
+export default defineConfig({
+ plugins: [react()],
+});