Feat: 카테고리 한글과 공백지원을 위한 url encode와 decode 기능 추가

Author: lazy-dinosaur

app/(blog)/posts/[...slug]/page.tsx

@@ -15,7 +15,7 @@ export async function generateStaticParams() {
   }
 
   return posts.map((post) => ({
-    slug: decodeURIComponent(post.urlPath).split("/"),
+    slug: post.urlPath.split("/").map(segment => encodeURIComponent(segment)),
   }));
 }
 

components/post-card.tsx

@@ -53,7 +53,7 @@ const PostCard = ({
     (summary || plainContent || content).substring(0, 150) + "...";
 
   return (
-    <Link href={`/posts/${urlPath}`} className="block h-full">
+    <Link href={`/posts/${encodeURIComponent(urlPath)}`} className="block h-full">
       <motion.div
         className="h-full group overflow-hidden rounded-lg border border-border bg-card shadow-sm hover:shadow-md"
         whileHover={{

content/posts/resource/SWEA/SWEA 강의 정리노트.md

@@ -137,6 +137,7 @@ export async function getPost(slug: string[]): Promise<Post | null> {
     return null;
   }
 
+  // URL로 전달된 인코딩된 슬러그를 디코딩
   const urlPath = slug.join("/").replace(/\/+/g, "/").replace(/\.md$/, "");
 
   try {