[Feature] 시리즈 기능 추가

.eslintrc.json

@@ -2,6 +2,7 @@
   "extends": ["next/core-web-vitals", "next/typescript"],
   "rules": {
     "no-unused-vars": "off",
-    "@typescript-eslint/no-unused-vars": "warn"
+    "@typescript-eslint/no-unused-vars": "warn",
+    "@typescript-eslint/no-explicit-any": "warn"
   }
 }

app/api/posts/[slug]/route.ts

@@ -1,8 +1,9 @@
 // app/api/posts/[slug]/route.ts
 import dbConnect from '@/app/lib/dbConnect';
 import Post from '@/app/models/Post';
-import { NextRequest } from 'next/server';
+import { NextRequest, NextResponse } from 'next/server';
 import { getThumbnailInMarkdown } from '@/app/lib/utils/parse';
+import Series from '@/app/models/Series';
 
 export async function GET(
   req: NextRequest,
@@ -36,6 +37,7 @@ export async function PUT(
   try {
     await dbConnect();
     const body = await req.json();
+    const post = await Post.findOne({ slug: params.slug });
 
     const updatedPost = await Post.findOneAndUpdate(
       { slug: params.slug },
@@ -53,6 +55,23 @@ export async function PUT(
       );
     }
 
+    // 시리즈 변경 처리
+    if (post.seriesId?.toString() !== body.seriesId) {
+      if (post.seriesId) {
+        await Series.findByIdAndUpdate(post.seriesId, {
+          $pull: { posts: post._id },
+          $inc: { postCount: -1 },
+        });
+      }
+
+      if (body.seriesId) {
+        await Series.findByIdAndUpdate(body.seriesId, {
+          $push: { posts: post._id },
+          $inc: { postCount: 1 },
+        });
+      }
+    }
+
     return Response.json({ success: true, post: updatedPost });
   } catch (error) {
     console.error(error);
@@ -64,28 +83,35 @@ export async function PUT(
 }
 
 export async function DELETE(
-  req: NextRequest,
+  request: Request,
   { params }: { params: { slug: string } }
 ) {
   try {
     await dbConnect();
-    const deletedPost = await Post.findByIdAndDelete(params.slug).lean();
+    const post = await Post.findById(params.slug);
 
-    if (!deletedPost) {
-      return Response.json(
-        { success: false, error: '삭제할 글을 찾을 수 없습니다.' },
+    if (!post) {
+      return NextResponse.json(
+        { error: '삭제할 포스트를 찾을 수 없습니다.' },
         { status: 404 }
       );
     }
 
-    return Response.json({
-      success: true,
-      message: '글이 삭제되었습니다.',
+    if (post.seriesId) {
+      await Series.findByIdAndUpdate(post.seriesId, {
+        $pull: { posts: post._id },
+        $inc: { postCount: -1 },
+      });
+    }
+
+    await Post.deleteOne({ _id: params.slug });
+
+    return NextResponse.json({
+      message: '포스트가 성공적으로 삭제되었습니다.',
     });
-  } catch (error) {
-    console.error(error);
-    return Response.json(
-      { success: false, error: 'Server Error' },
+  } catch (error: any) {
+    return NextResponse.json(
+      { error: error.message || '포스트 삭제에 실패했습니다.' },
       { status: 500 }
     );
   }

app/api/posts/route.ts

@@ -3,6 +3,8 @@ import dbConnect from '@/app/lib/dbConnect';
 import { getServerSession } from 'next-auth/next';
 import { getThumbnailInMarkdown } from '@/app/lib/utils/parse';
 import { generateUniqueSlug } from '@/app/lib/utils/post';
+import Series from '@/app/models/Series';
+import { QuerySelector } from 'mongoose';
 
 // GET /api/posts - 모든 글 조회
 export async function GET(req: Request) {
@@ -11,6 +13,11 @@ export async function GET(req: Request) {
     const { searchParams } = new URL(req.url);
 
     const query = searchParams.get('query') || '';
+    const seriesSlug = searchParams.get('series') || '';
+
+    const seriesId = seriesSlug
+      ? await Series.findOne({ slug: seriesSlug }, '_id')
+      : null;
 
     // 검색 조건 구성
     const searchConditions = {
@@ -19,9 +26,17 @@ export async function GET(req: Request) {
         { content: { $regex: query, $options: 'i' } },
         { subTitle: { $regex: query, $options: 'i' } },
       ],
+      $and: [],
     };
 
+    if (seriesId) {
+      (searchConditions.$and as QuerySelector<string>[]).push({
+        seriesId: seriesId,
+      } as QuerySelector<string>);
+    }
+
     const posts = await Post.find(searchConditions)
+
       .sort({ date: -1 })
       .limit(10);
 
@@ -45,8 +60,15 @@ export async function POST(req: Request) {
     }
 
     await dbConnect();
-    const { title, subTitle, author, content, profileImage, thumbnailImage } =
-      await req.json();
+    const {
+      title,
+      subTitle,
+      author,
+      content,
+      profileImage,
+      thumbnailImage,
+      seriesId,
+    } = await req.json();
 
     if (!title || !content || !author || !content) {
       return Response.json(
@@ -64,6 +86,7 @@ export async function POST(req: Request) {
       timeToRead: Math.ceil(content.length / 500),
       profileImage,
       thumbnailImage: thumbnailImage || getThumbnailInMarkdown(content),
+      seriesId: seriesId || null,
     };
 
     const newPost = await Post.create(post);
@@ -74,6 +97,13 @@ export async function POST(req: Request) {
       );
     }
 
+    if (post.seriesId) {
+      await Series.findByIdAndUpdate(post.seriesId, {
+        $push: { posts: newPost._id },
+        $inc: { postCount: 1 }, // postCount 1 증가
+      });
+    }
+
     return Response.json(
       {
         success: true,

app/api/series/[slug]/route.ts

@@ -0,0 +1,91 @@
+import { NextResponse } from 'next/server';
+import dbConnect from '@/app/lib/dbConnect';
+import Series from '@/app/models/Series';
+
+export async function GET(
+  request: Request,
+  { params }: { params: { slug: string } }
+) {
+  try {
+    await dbConnect();
+    const series = await Series.findOne({ slug: params.slug }).populate(
+      'posts'
+    );
+
+    if (!series) {
+      return NextResponse.json(
+        { error: '해당 시리즈를 찾을 수 없습니다.' },
+        { status: 404 }
+      );
+    }
+
+    return NextResponse.json(series);
+  } catch (error: any) {
+    return NextResponse.json(
+      { error: error.message || '시리즈 조회에 실패했습니다.' },
+      { status: 500 }
+    );
+  }
+}
+
+export async function PUT(
+  request: Request,
+  { params }: { params: { slug: string } }
+) {
+  try {
+    await dbConnect();
+    const body = await request.json();
+
+    const updatedSeries = await Series.findOneAndUpdate(
+      { slug: params.slug },
+      {
+        title: body.title,
+        description: body.description,
+        thumbnailImage: body.thumbnailImage,
+        order: body.order,
+        posts: body.posts,
+      },
+      { new: true }
+    ).populate('posts');
+
+    if (!updatedSeries) {
+      return NextResponse.json(
+        { error: '수정할 시리즈를 찾을 수 없습니다.' },
+        { status: 404 }
+      );
+    }
+
+    return NextResponse.json(updatedSeries);
+  } catch (error: any) {
+    return NextResponse.json(
+      { error: error.message || '시리즈 수정에 실패했습니다.' },
+      { status: 500 }
+    );
+  }
+}
+
+export async function DELETE(
+  request: Request,
+  { params }: { params: { slug: string } }
+) {
+  try {
+    await dbConnect();
+    const deletedSeries = await Series.findOneAndDelete({ slug: params.slug });
+
+    if (!deletedSeries) {
+      return NextResponse.json(
+        { error: '삭제할 시리즈를 찾을 수 없습니다.' },
+        { status: 404 }
+      );
+    }
+
+    return NextResponse.json({
+      message: '시리즈가 성공적으로 삭제되었습니다.',
+    });
+  } catch (error: any) {
+    return NextResponse.json(
+      { error: error.message || '시리즈 삭제에 실패했습니다.' },
+      { status: 500 }
+    );
+  }
+}

app/api/series/route.ts

@@ -0,0 +1,54 @@
+import { NextResponse } from 'next/server';
+import dbConnect from '@/app/lib/dbConnect';
+import Series from '@/app/models/Series';
+import { createPostSlug } from '@/app/lib/utils/post';
+
+export async function POST(request: Request) {
+  try {
+    await dbConnect();
+    const body = await request.json();
+    if (!body.title) {
+      return NextResponse.json(
+        { error: '시리즈 제목을 입력해주세요.' },
+        { status: 400 }
+      );
+    }
+
+    const series = await Series.create({
+      slug: createPostSlug(body.title),
+      title: body.title,
+      description: body.description,
+      thumbnailImage: body.thumbnailImage || '',
+      order: body.order || [],
+      posts: body.posts || [],
+    });
+
+    return NextResponse.json(series, { status: 201 });
+  } catch (error: any) {
+    return NextResponse.json(
+      { error: error.message || '시리즈 생성에 실패했습니다.' },
+      { status: 500 }
+    );
+  }
+}
+
+export async function GET(request: Request) {
+  try {
+    await dbConnect();
+    const { searchParams } = new URL(request.url);
+    const populate = searchParams.get('populate') === 'true';
+
+    const query = Series.find({});
+    if (populate) {
+      query.populate('posts');
+    }
+
+    const series = await query;
+    return NextResponse.json(series);
+  } catch (error: any) {
+    return NextResponse.json(
+      { error: error.message || '시리즈 목록을 불러오는데 실패했습니다.' },
+      { status: 500 }
+    );
+  }
+}

app/entities/common/Loading/SVGLoadingSpinner.tsx

@@ -0,0 +1,19 @@
+import { ImSpinner2 } from 'react-icons/im';
+
+interface SVGLoadingSpinnerProps {
+  message?: string;
+}
+const SVGLoadingSpinner = ({ message }: SVGLoadingSpinnerProps) => {
+  return (
+    <div
+      className={
+        'flex justify-center items-center gap-2 mx-auto col-span-3 w-1/3 h-full pt-20'
+      }
+    >
+      <ImSpinner2 className={'text-3xl animate-spin'} />
+      {message && <span> {message}</span>}
+    </div>
+  );
+};
+
+export default SVGLoadingSpinner;

app/entities/common/NavBar.tsx

@@ -36,11 +36,14 @@ const NavBar = () => {
             <Profile profileThumbnail={profile} username={'Jeongwoo Seo'} />
           </Link>
         </div>
-        <ul className={'inline-flex max-w-5xl w-full justify-end gap-3 '}>
-          <li className={'px-4 py-2'}>
+        <ul className={'inline-flex max-w-5xl w-full justify-end gap-6 '}>
+          <li>
             <Link href="/posts">Blog</Link>
           </li>
-          <li className={'px-4 py-2'}>
+          <li>
+            <Link href="/series">Series</Link>
+          </li>
+          <li>
             <Link href="/portfolio">Portfolio</Link>
           </li>
         </ul>