+ );
+}
+
+
diff --git a/src/app/api/admin/banners/[id]/route.ts b/src/app/api/admin/banners/[id]/route.ts
new file mode 100644
index 0000000..ebb1347
--- /dev/null
+++ b/src/app/api/admin/banners/[id]/route.ts
@@ -0,0 +1,23 @@
+import { NextResponse } from "next/server";
+import prisma from "@/lib/prisma";
+
+export async function PATCH(req: Request, context: { params: Promise<{ id: string }> }) {
+ const { id } = await context.params;
+ const body = await req.json().catch(() => ({}));
+ const data: any = {};
+ for (const k of ["title", "imageUrl", "linkUrl", "active", "sortOrder", "startAt", "endAt"]) {
+ if (k in body) data[k] = body[k];
+ }
+ if (data.startAt) data.startAt = new Date(data.startAt);
+ if (data.endAt) data.endAt = new Date(data.endAt);
+ const banner = await prisma.banner.update({ where: { id }, data });
+ return NextResponse.json({ banner });
+}
+
+export async function DELETE(_: Request, context: { params: Promise<{ id: string }> }) {
+ const { id } = await context.params;
+ await prisma.banner.delete({ where: { id } });
+ return NextResponse.json({ ok: true });
+}
+
+
diff --git a/src/app/api/admin/banners/route.ts b/src/app/api/admin/banners/route.ts
new file mode 100644
index 0000000..d84f63c
--- /dev/null
+++ b/src/app/api/admin/banners/route.ts
@@ -0,0 +1,28 @@
+import { NextResponse } from "next/server";
+import prisma from "@/lib/prisma";
+import { z } from "zod";
+
+export async function GET() {
+ const banners = await prisma.banner.findMany({ orderBy: [{ active: "desc" }, { sortOrder: "asc" }, { createdAt: "desc" }] });
+ return NextResponse.json({ banners });
+}
+
+const createSchema = z.object({
+ title: z.string().min(1),
+ imageUrl: z.string().url(),
+ linkUrl: z.string().url().optional(),
+ active: z.boolean().optional(),
+ sortOrder: z.coerce.number().int().optional(),
+ startAt: z.coerce.date().optional(),
+ endAt: z.coerce.date().optional(),
+});
+
+export async function POST(req: Request) {
+ const body = await req.json().catch(() => ({}));
+ const parsed = createSchema.safeParse(body);
+ if (!parsed.success) return NextResponse.json({ error: parsed.error.flatten() }, { status: 400 });
+ const banner = await prisma.banner.create({ data: parsed.data });
+ return NextResponse.json({ banner }, { status: 201 });
+}
+
+
diff --git a/src/app/api/banners/route.ts b/src/app/api/banners/route.ts
new file mode 100644
index 0000000..f9d33a1
--- /dev/null
+++ b/src/app/api/banners/route.ts
@@ -0,0 +1,19 @@
+import { NextResponse } from "next/server";
+import prisma from "@/lib/prisma";
+
+export async function GET() {
+ const now = new Date();
+ const banners = await prisma.banner.findMany({
+ where: {
+ active: true,
+ AND: [
+ { OR: [{ startAt: null }, { startAt: { lte: now } }] },
+ { OR: [{ endAt: null }, { endAt: { gte: now } }] },
+ ],
+ },
+ orderBy: [{ sortOrder: "asc" }, { createdAt: "desc" }],
+ });
+ return NextResponse.json({ banners });
+}
+
+
diff --git a/src/app/components/HeroBanner.tsx b/src/app/components/HeroBanner.tsx
index 9d98c63..7eb66a8 100644
--- a/src/app/components/HeroBanner.tsx
+++ b/src/app/components/HeroBanner.tsx
@@ -1,22 +1,30 @@
"use client";
import { useEffect, useState } from "react";
-const defaultSlides = [
- { id: 1, title: "공지사항", subtitle: "중요 공지 확인하기" },
- { id: 2, title: "이벤트", subtitle: "진행중인 이벤트" },
-];
+type Banner = { id: string; title: string; imageUrl: string; linkUrl?: string | null };
export function HeroBanner() {
+ const [banners, setBanners] = useState+
++ + +{b.title} {b.linkUrl && 링크}+정렬 {b.sortOrder} · {b.active ? "활성" : "비활성"}+
+ ))}
+