From e2b1e354377e2a93d9d4c8e170a0099adc1fa83b Mon Sep 17 00:00:00 2001
From: poroli0529 <kafaprl@gmail.com>
Date: Tue, 2 Sep 2025 23:48:11 +0900
Subject: [PATCH] =?UTF-8?q?=EC=9E=91=EC=97=85=20=EB=82=B4=EC=9A=A9?=
 =?UTF-8?q?=EC=97=90=20=EB=8C=80=ED=95=9C=20=EC=84=A4=EB=AA=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Detail.js                 |  3 ++-
 src/pages/code_function/CodeItem.js | 12 ++++++------
 src/pages/code_function/CodePage.js |  9 ++++-----
 3 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/pages/Detail.js b/src/pages/Detail.js
index 6ea6eac..6bfd079 100644
--- a/src/pages/Detail.js
+++ b/src/pages/Detail.js
@@ -10,7 +10,8 @@ function Detail() {
   const { id } = useParams();
   const getDetail = (id) => {
     const post = posts.find((post) => post.id === parseInt(id));
-    if(!post) return null;  
+    console.log("post id:", post.id);
+    if(!post) return 0;  
 
     return {
       id:post.id,
diff --git a/src/pages/code_function/CodeItem.js b/src/pages/code_function/CodeItem.js
index ec14748..cbc2ea3 100644
--- a/src/pages/code_function/CodeItem.js
+++ b/src/pages/code_function/CodeItem.js
@@ -9,14 +9,16 @@ const CodeItem = ({ onClick, post }) => {
   //const { selectedType, handleTypeChange , posts} = useCodeContext();
   const { id, title, likes, category, date, user } = post;
 
-  console.log("CodeItem id:", id);
 
+ const print = () => {
+    console.log("CodeItem id:", id);
+    console.log("CodeItem category:", category);
+  };
 
 
   return (
-  
-   
-      <div className="codeSpaceItem" category={category} onClick = {()=>{onClick(id)}} >
+    
+      <div className="codeSpaceItem" category={category} onClick = {()=>{onClick(id); print();}} >
         {/* <img src={image} alt="Code Thumbnail" className="CodeThumbnail" /> */}
         <div className="codeNumber"><h1>{id}&nbsp;&nbsp;</h1></div>
         <div className="codeContent">
@@ -24,8 +26,6 @@ const CodeItem = ({ onClick, post }) => {
           <span className="codeMeta">{date} | {user.nickname} | ❤️{likes}</span>
         </div>
       </div>
-  
-    
     
   );
 };
diff --git a/src/pages/code_function/CodePage.js b/src/pages/code_function/CodePage.js
index 7842721..42ea9f4 100644
--- a/src/pages/code_function/CodePage.js
+++ b/src/pages/code_function/CodePage.js
@@ -19,7 +19,7 @@ const CodePage = () => {
       try {
         const res = await axios.get("http://localhost:8080/api/getPost");
         setPosts(res.data);   // ✅ 서버가 보낸 JSON은 res.data 안에 들어있음
-        console.log(res.data);
+        console.log(res.data.category);
       } catch (err) {
         setError(err.message);
       } finally {
@@ -35,10 +35,9 @@ const CodePage = () => {
     { id: 3, image: "/logo192.png", title: "Python 예제", type: "python", likes: 22 }
   ];
 
-  // 필터링
-  const filteredItems = selectedType === "All"
-    ? posts
-    : posts.filter(post => post.category === selectedType);
+  const filteredItems = selectedType === "All" 
+  ? posts
+  : posts.filter(post => post.category === selectedType)
 
   return (
     <div className="codePage">