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">