Fix: 한글 지원 이후 포스트 못불러오던 문제 해결

Author: lazy-dinosaur

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

@@ -14,14 +14,35 @@ export async function generateStaticParams() {
     return [{ slug: ["no-post"] }];
   }
 
-  return posts.map((post) => ({
-    slug: post.urlPath.split("/").map(segment => encodeURIComponent(segment)),
-  }));
+  // 로깅 추가
+  console.log("Generating static params for posts:");
+  
+  return posts.map((post) => {
+    // 인코딩하지 않고 원래 경로 세그먼트 사용
+    const slugSegments = post.urlPath.split("/");
+    console.log(`Post path: ${post.urlPath} -> Segments: ${slugSegments.join("/")}`);
+    
+    return {
+      slug: slugSegments,
+    };
+  });
 }
 
 export default async function PostPage({ params }: PostPageProps) {
   const { slug } = await params;
-  const decodedSlug = slug.map((s) => decodeURIComponent(s)).filter(Boolean);
+  console.log("Raw URL slug segments:", slug);
+  
+  // 모든 세그먼트를 명시적으로 디코딩
+  const decodedSlug = slug.map((s) => {
+    try {
+      return decodeURIComponent(s);
+    } catch (e) {
+      console.error(`Failed to decode segment "${s}":`, e);
+      return s; // 디코딩 실패 시 원본 유지
+    }
+  }).filter(Boolean);
+  
+  console.log("Decoded slug:", decodedSlug);
   const post = await getPost(decodedSlug);
 
   if (!post) {

components/post-card.tsx

@@ -53,7 +53,9 @@ const PostCard = ({
     (summary || plainContent || content).substring(0, 150) + "...";
 
   return (
-    <Link href={`/posts/${encodeURIComponent(urlPath)}`} className="block h-full">
+    <Link 
+      href={`/posts/${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={{

lib/posts.ts

@@ -137,8 +137,9 @@ export async function getPost(slug: string[]): Promise<Post | null> {
     return null;
   }
 
-  // URL로 전달된 인코딩된 슬러그를 디코딩
+  // URL 슬러그 처리 - 인코딩/디코딩 없이 사용
   const urlPath = slug.join("/").replace(/\/+/g, "/").replace(/\.md$/, "");
+  console.log("Getting post with urlPath:", urlPath);
 
   try {
     // 메타데이터 타입 안전성 강화