)
-}
\ No newline at end of file
+}
diff --git a/src/app/feature/category/page.js b/src/app/feature/category/page.js
new file mode 100644
index 0000000..baa1191
--- /dev/null
+++ b/src/app/feature/category/page.js
@@ -0,0 +1,25 @@
+import Navs from "@components/nav";
+import ItemList from "@components/item-list";
+import {useState} from "react";
+import Category from "./components/category-form";
+
+
+export default function CategoryPage() {
+ const [selectedCategory, setSelectedCategory] = useState('');
+ const [selectedProduct, setSelectedProduct] = useState(null);
+
+ return(
+
+ )
+}
diff --git a/src/app/feature/home/components/item-explain.js b/src/app/feature/home/components/item-explain.js
deleted file mode 100644
index 96edc25..0000000
--- a/src/app/feature/home/components/item-explain.js
+++ /dev/null
@@ -1,47 +0,0 @@
-import Image from 'next/image'
-import ingredient_lists from '@constants/categoryDB';
-import category_lists from "@constants/simpleDB";
-
-export default function ItemExplain({onSelect}) {
-
- const productData = ingredient_lists[onSelect];
-
-
- return (
-
- )
-}
\ No newline at end of file
diff --git a/src/app/feature/home/components/item-list.js b/src/app/feature/home/components/item-list.js
deleted file mode 100644
index 1c16b76..0000000
--- a/src/app/feature/home/components/item-list.js
+++ /dev/null
@@ -1,31 +0,0 @@
-import Image from 'next/image'
-import {useState} from "react";
-import ingredient_lists from '@constants/categoryDB';
-
-
-export default function ItemList({onSelect}) {
- const [activeIndex, setActiveIndex] = useState(null);
- const handleClick = (selected_index) => {
- setActiveIndex(selected_index);
- if (onSelect) onSelect(selected_index);
- };
- return (
-
- )
-}
\ No newline at end of file
diff --git a/src/app/feature/profile/index.js b/src/app/feature/profile/index.js
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/components/common/footer.js b/src/app/feature/profile/page.js
similarity index 100%
rename from src/app/components/common/footer.js
rename to src/app/feature/profile/page.js
diff --git a/src/app/feature/user/api/user-api.js b/src/app/feature/user/api/user-api.js
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/feature/user/model/user.js b/src/app/feature/user/model/user.js
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/feature/home/index.js b/src/app/home/page.js
similarity index 72%
rename from src/app/feature/home/index.js
rename to src/app/home/page.js
index 363dbd0..99376e2 100644
--- a/src/app/feature/home/index.js
+++ b/src/app/home/page.js
@@ -1,9 +1,13 @@
-import Image from 'next/image'
+import Navs from "@components/nav";
+import Category from "../feature/category/components/category-form";
+import Image from "next/image";
+import Footer from "../components/footer";
export default function Main() {
return (
-
+
+
@@ -16,11 +20,10 @@ export default function Main() {
SEARCH
-
-
-
+
-
+
+
)
}
\ No newline at end of file
diff --git a/src/app/page.js b/src/app/page.js
index e3a28a6..ed4c221 100644
--- a/src/app/page.js
+++ b/src/app/page.js
@@ -1,67 +1,13 @@
'use client';
-import { useState } from 'react';
-import Navs from '@components/common/nav.js';
-import Main from '@home/index';
-import Category from '@home/components/category-form';
-import ItemList from '@home/components/item-list';
-import ItemExplain from '@home/components/item-explain';
-import SignUp from '@auth/index';
-
-
-
+import Category from './feature/category/components/category-form';
+import Main from './home/page'
export default function Home() {
- const [mode, setMode] = useState('home');
- const [sign, setSign] = useState(false);
- const [selectedCategory, setSelectedCategory] = useState(null);
- const [selectedProduct, setSelectedProduct] = useState(null);
return (
-
{
- setSign(index);
- setMode('sign');
- }}/>
- {mode === 'sign' &&(
- <>
-
-
- )}
-
- {mode === 'home' && (
- <>
-
- {
- setSelectedCategory(index);
- setMode('category');
- }} />
-
- )}
-
- {mode === 'category' && (
- <>
-
-
-
-
-
- {selectedCategory}
- {
- setSelectedProduct(index);
- setMode('product');
- }} />
-
- )}
-
- {mode === 'product' && (
- <>
-
-
- )}
-
+
);
-
-}
-
+}
\ No newline at end of file
diff --git a/src/app/pruduct/page.js b/src/app/pruduct/page.js
new file mode 100644
index 0000000..2e4538a
--- /dev/null
+++ b/src/app/pruduct/page.js
@@ -0,0 +1,85 @@
+import { useState, useEffect } from 'react';
+import Image from 'next/image';
+
+export default function ItemExplain({ onSelect }) {
+ const [allData, setAllData] = useState([]);
+ const [productData, setProductData] = useState(null);
+ const [loading, setLoading] = useState(false);
+ const [error, setError] = useState(null);
+
+ useEffect(() => {
+ const fetchAll = async () => {
+ setLoading(true);
+ setError(null);
+ try {
+ const res = await fetch('/api');
+ if (!res.ok) throw new Error('데이터베이스를 못가져왔어요');
+ const data = await res.json();
+ setAllData(data);
+ } catch (err) {
+ setError(err.message);
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ fetchAll();
+ }, []);
+
+ useEffect(() => {
+ if (!onSelect || allData.length === 0) {
+ setProductData(null);
+ return;
+ }
+ const found = allData.find(item => item._id === onSelect);
+ setProductData(found || null);
+ }, [onSelect, allData]);
+
+ if (loading) return
로딩중...
;
+ if (error) return
{error}
;
+ if (!productData) return
등록된 상품정보가 없습니다.
;
+
+ return (
+
+
+
+
+
+
+ ��ǰ��: {productData.name || '�̸� ����'}
+
+
+ ����: {productData.desc}
+
+
+ DDIP: {productData.price}�� / {productData.max}��
+
+
+ �����ο�
+
+
+ {Array.from({ length: productData.now }).map((_, idx) => (
+
+
+
+ ))}
+ {Array.from({ length: productData.max - productData.now }).map((_, idx) => (
+
+ ))}
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/app/user/model/user.js b/src/app/user/model/user.js
new file mode 100644
index 0000000..7f1b522
--- /dev/null
+++ b/src/app/user/model/user.js
@@ -0,0 +1,16 @@
+import mongoose from 'mongoose';
+
+const userSchema = new mongoose.Schema({
+ userid: { type: String, required: true, unique: true },
+ password: { type: String, required: true },
+ username: { type: String, required: true },
+ name: { type: String, required: true },
+ phone: { type: String, required: true },
+ address: { type: String, required: true },
+ email: { type: String, required: true, unique: true },
+ createdAt: { type: Date, default: Date.now }
+});
+
+const User = mongoose.models.User || mongoose.model('User', userSchema);
+
+export default User;
diff --git a/src/app/util/database.js b/src/app/util/database.js
deleted file mode 100644
index 44fb58c..0000000
--- a/src/app/util/database.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import { MongoClient } from "mongodb";
-
-const url = process.env.MONGODB_URI; // .env 파일에 연결 문자열을 저장해둘 거야
-const options = { useNewUrlParser: true };
-
-let connectDB;
-
-if (process.env.NODE_ENV === "development") {
- if (!global._mongo) {
- global._mongo = new MongoClient(url, options).connect();
- }
- connectDB = global._mongo;
-} else {
- connectDB = new MongoClient(url, options).connect();
-}
-
-export { connectDB };
diff --git a/src/constants/categoryDB.js b/src/constants/categoryDB.js
index 6c618fe..9274fab 100644
--- a/src/constants/categoryDB.js
+++ b/src/constants/categoryDB.js
@@ -1,10 +1,10 @@
const ingredient_lists=
[
- {key:'0', value:'당근', desc:'당근이다.'},
- {key:'1', value:'우유', name:'우유이다.'},
- {key:'2', value:'포도', name:'포도이다.'},
- {key:'3', value:'달걀', name:'달걀이다.'},
+ {key:'0', value:'당근', name:'당근이다.', price:'3000', team:4},
+ {key:'1', value:'우유', name:'우유이다.', price:'3000', team:4},
+ {key:'2', value:'포도', name:'포도이다.', price:'3000', team:4},
+ {key:'3', value:'달걀', name:'달걀이다.', price:'3000', team:4},
];
diff --git a/src/lib/mongodb.js b/src/lib/mongodb.js
index 29c9988..de6998e 100644
--- a/src/lib/mongodb.js
+++ b/src/lib/mongodb.js
@@ -1,28 +1,27 @@
-import { MongoClient } from 'mongodb'
+import mongoose from 'mongoose';
-const uri = process.env.MONGODB_URI
-const options = {}
-
-let client
-let clientPromise
+const uri = process.env.MONGODB_URI;
if (!uri) {
- throw new Error('Please add your Mongo URI to .env.local')
+ throw new Error('MONGODB_URI 환경 변수가 설정되지 않았습니다.');
+}
+
+let cached = global.mongoose;
+if (!cached) {
+ cached = global.mongoose = { conn: null, promise: null };
}
-if (process.env.NODE_ENV === 'development') {
- if (!global._mongoClientPromise) {
- console.log('🌱 Creating new MongoClient and connecting (dev mode)')
- client = new MongoClient(uri, options)
- global._mongoClientPromise = client.connect()
- } else {
- console.log('♻️ Reusing existing MongoClient promise (dev mode)')
+async function dbConnect() {
+ if (cached.conn) {
+ return cached.conn;
+ }
+ if (!cached.promise) {
+ cached.promise = mongoose.connect(uri).then((mongoose) => {
+ return mongoose;
+ });
}
- clientPromise = global._mongoClientPromise
-} else {
- console.log('🚀 Creating new MongoClient and connecting (production mode)')
- client = new MongoClient(uri, options)
- clientPromise = client.connect()
+ cached.conn = await cached.promise;
+ return cached.conn;
}
-export default clientPromise
+export default dbConnect;