From fa3125265c7f9b7168e9c04701d7e1a01ca512f3 Mon Sep 17 00:00:00 2001
From: LeeGukgeon <lkukun0223@gmail.com>
Date: Sat, 21 Dec 2024 21:09:11 +0900
Subject: [PATCH 1/3] temp

---
 package-lock.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 47d6e6b..b1f68e4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,11 +1,11 @@
 {
-  "name": "vite-project",
+  "name": "refrigerator-front",
   "version": "0.0.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "vite-project",
+      "name": "refrigerator-front",
       "version": "0.0.0",
       "dependencies": {
         "@reduxjs/toolkit": "^2.5.0",

From 26807bda433b207271c21dec530d6c1da95d9da5 Mon Sep 17 00:00:00 2001
From: LeeGukgeon <lkukun0223@gmail.com>
Date: Sat, 21 Dec 2024 22:33:35 +0900
Subject: [PATCH 2/3] =?UTF-8?q?=EB=A0=88=EC=8B=9C=ED=94=BC=20=EC=A0=84?=
 =?UTF-8?q?=EC=B2=B4=20=EC=A1=B0=ED=9A=8C(=EC=82=AC=EC=A7=84=20=EC=A0=9C?=
 =?UTF-8?q?=EC=99=B8)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/css/default.css           |  0
 src/assets/css/recipe.css            |  4 ++++
 src/components/recipe/default.jsx    |  0
 src/components/recipe/recipeCard.jsx | 13 +++++++++++++
 src/pages/recipe/Recipe.jsx          |  9 ++++++++-
 5 files changed, 25 insertions(+), 1 deletion(-)
 delete mode 100644 src/assets/css/default.css
 create mode 100644 src/assets/css/recipe.css
 delete mode 100644 src/components/recipe/default.jsx
 create mode 100644 src/components/recipe/recipeCard.jsx

diff --git a/src/assets/css/default.css b/src/assets/css/default.css
deleted file mode 100644
index e69de29..0000000
diff --git a/src/assets/css/recipe.css b/src/assets/css/recipe.css
new file mode 100644
index 0000000..8a3bd0a
--- /dev/null
+++ b/src/assets/css/recipe.css
@@ -0,0 +1,4 @@
+.recipe-wrapper {
+    display: flex;
+    gap: 20px;
+}
\ No newline at end of file
diff --git a/src/components/recipe/default.jsx b/src/components/recipe/default.jsx
deleted file mode 100644
index e69de29..0000000
diff --git a/src/components/recipe/recipeCard.jsx b/src/components/recipe/recipeCard.jsx
new file mode 100644
index 0000000..880ac31
--- /dev/null
+++ b/src/components/recipe/recipeCard.jsx
@@ -0,0 +1,13 @@
+const RecipeCard = ({ recipe }) => {
+    return (
+        <div >
+            <h3>이름:{recipe.recipeName}</h3>
+            <p>내용:{recipe.recipeContent}</p>
+            <p>조리시간:{recipe.recipeCookingTime}(단위)</p>
+            <p>난이도:{recipe.recipeDifficulty}</p>
+            <p>조회수:{recipe.recipeViews}</p>
+        </div>
+    );
+};
+
+export default RecipeCard
\ No newline at end of file
diff --git a/src/pages/recipe/Recipe.jsx b/src/pages/recipe/Recipe.jsx
index b965de2..04a0442 100644
--- a/src/pages/recipe/Recipe.jsx
+++ b/src/pages/recipe/Recipe.jsx
@@ -2,6 +2,8 @@ import { useEffect, useState,useCallback } from "react"
 import { getRecipeList } from "../../sources/api/recipeAPI.jsx";
 import {Route, useNavigate} from "react-router-dom";
 import { AddRecipe} from "./addRecipe.jsx";
+import RecipeCard from "../../components/recipe/recipeCard.jsx"
+import "../../assets/css/recipe.css"
 
 function Recipe() {
     const [recipeList, setRecipeList] = useState([])
@@ -11,8 +13,8 @@ function Recipe() {
         const fetchRecipes = async () => {
             try {
                 const data = await getRecipeList();
+                console.log("recipeList",data); // 가져온 데이터 확인
                 setRecipeList(data); // 상태 업데이트
-                console.log(recipeList); // 가져온 데이터 확인
             } catch (err) {
                 console.error(err);
             }
@@ -28,6 +30,11 @@ function Recipe() {
     return (
         <>
             <h1>레시피 페이지</h1>
+            <div className="recipe-wrapper">
+                {recipeList.map((recipe) => (
+                    <RecipeCard key={recipe.recipePk} recipe={recipe} />
+                ))}
+            </div>
             <ul>
                 <li>
                     <button onClick={handleAdd}>add button</button>

From b18d90461ffdf3849c6c8971488bc81d784761e1 Mon Sep 17 00:00:00 2001
From: LeeGukgeon <lkukun0223@gmail.com>
Date: Sun, 22 Dec 2024 02:40:24 +0900
Subject: [PATCH 3/3] recipe Read

---
 src/assets/css/{ => recipe}/recipe.css           |   0
 src/assets/image/recipeimage.png                 | Bin 0 -> 2738 bytes
 .../recipe/{recipeCard.jsx => recipeItem.jsx}    |   8 ++++++--
 src/pages/recipe/Recipe.jsx                      |   6 +++---
 src/pages/recipe/addRecipe.jsx                   |   1 +
 5 files changed, 10 insertions(+), 5 deletions(-)
 rename src/assets/css/{ => recipe}/recipe.css (100%)
 create mode 100644 src/assets/image/recipeimage.png
 rename src/components/recipe/{recipeCard.jsx => recipeItem.jsx} (53%)

diff --git a/src/assets/css/recipe.css b/src/assets/css/recipe/recipe.css
similarity index 100%
rename from src/assets/css/recipe.css
rename to src/assets/css/recipe/recipe.css
diff --git a/src/assets/image/recipeimage.png b/src/assets/image/recipeimage.png
new file mode 100644
index 0000000000000000000000000000000000000000..55c5d9dd1c6f18b7fc4ea3acdb213dc15f90d365
GIT binary patch
literal 2738
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

literal 0
HcmV?d00001

diff --git a/src/components/recipe/recipeCard.jsx b/src/components/recipe/recipeItem.jsx
similarity index 53%
rename from src/components/recipe/recipeCard.jsx
rename to src/components/recipe/recipeItem.jsx
index 880ac31..dacd80f 100644
--- a/src/components/recipe/recipeCard.jsx
+++ b/src/components/recipe/recipeItem.jsx
@@ -1,6 +1,10 @@
-const RecipeCard = ({ recipe }) => {
+import recipeImage from "../../assets/image/recipeimage.png"
+
+const RecipeItem = ({ recipe }) => {
     return (
         <div >
+            <img src={recipeImage} alt="Default Recipe Image" style={{ width: '100px', height: 'auto' }} />
+            <p>사진:{recipe.recipeSource}</p>
             <h3>이름:{recipe.recipeName}</h3>
             <p>내용:{recipe.recipeContent}</p>
             <p>조리시간:{recipe.recipeCookingTime}(단위)</p>
@@ -10,4 +14,4 @@ const RecipeCard = ({ recipe }) => {
     );
 };
 
-export default RecipeCard
\ No newline at end of file
+export default RecipeItem
\ No newline at end of file
diff --git a/src/pages/recipe/Recipe.jsx b/src/pages/recipe/Recipe.jsx
index 04a0442..54cedb9 100644
--- a/src/pages/recipe/Recipe.jsx
+++ b/src/pages/recipe/Recipe.jsx
@@ -2,8 +2,8 @@ import { useEffect, useState,useCallback } from "react"
 import { getRecipeList } from "../../sources/api/recipeAPI.jsx";
 import {Route, useNavigate} from "react-router-dom";
 import { AddRecipe} from "./addRecipe.jsx";
-import RecipeCard from "../../components/recipe/recipeCard.jsx"
-import "../../assets/css/recipe.css"
+import RecipeItem from "../../components/recipe/recipeItem.jsx"
+import "../../assets/css/recipe/recipe.css"
 
 function Recipe() {
     const [recipeList, setRecipeList] = useState([])
@@ -32,7 +32,7 @@ function Recipe() {
             <h1>레시피 페이지</h1>
             <div className="recipe-wrapper">
                 {recipeList.map((recipe) => (
-                    <RecipeCard key={recipe.recipePk} recipe={recipe} />
+                    <RecipeItem key={recipe.recipePk} recipe={recipe} />
                 ))}
             </div>
             <ul>
diff --git a/src/pages/recipe/addRecipe.jsx b/src/pages/recipe/addRecipe.jsx
index f04c1e3..d0988ba 100644
--- a/src/pages/recipe/addRecipe.jsx
+++ b/src/pages/recipe/addRecipe.jsx
@@ -62,6 +62,7 @@ export const AddRecipe = () => {
     // 파일 업로드 처리
     const handleRecipeSourcesChange = (e) => {
         setRecipeSources(Array.from(e.target.files)); // 여러 파일을 배열로 추가
+        console.log(Array.from(e.target.files))
     };