diff --git a/public/ArrowLeft.svg b/public/ArrowLeft.svg new file mode 100644 index 0000000..b8c3685 --- /dev/null +++ b/public/ArrowLeft.svg @@ -0,0 +1,3 @@ + diff --git a/public/ArrowRight.svg b/public/ArrowRight.svg new file mode 100644 index 0000000..50ac5bf --- /dev/null +++ b/public/ArrowRight.svg @@ -0,0 +1,3 @@ + diff --git a/public/ArrowThickLeft.svg b/public/ArrowThickLeft.svg new file mode 100644 index 0000000..a262f49 --- /dev/null +++ b/public/ArrowThickLeft.svg @@ -0,0 +1,3 @@ + diff --git a/public/ArrowThickRight.svg b/public/ArrowThickRight.svg new file mode 100644 index 0000000..b1e85a1 --- /dev/null +++ b/public/ArrowThickRight.svg @@ -0,0 +1,3 @@ + diff --git a/public/BookImgSample.svg b/public/BookImgSample.svg new file mode 100644 index 0000000..06f9f4d --- /dev/null +++ b/public/BookImgSample.svg @@ -0,0 +1,9 @@ + diff --git a/public/add_story.svg b/public/add_story.svg new file mode 100644 index 0000000..4b2a511 --- /dev/null +++ b/public/add_story.svg @@ -0,0 +1,18 @@ + diff --git a/public/after_group.svg b/public/after_group.svg new file mode 100644 index 0000000..d5d74b6 --- /dev/null +++ b/public/after_group.svg @@ -0,0 +1,7 @@ + diff --git a/public/after_home.svg b/public/after_home.svg new file mode 100644 index 0000000..92cce87 --- /dev/null +++ b/public/after_home.svg @@ -0,0 +1,6 @@ + diff --git a/public/after_my.svg b/public/after_my.svg new file mode 100644 index 0000000..25a5bae --- /dev/null +++ b/public/after_my.svg @@ -0,0 +1,13 @@ + diff --git a/public/after_news.svg b/public/after_news.svg new file mode 100644 index 0000000..54047b2 --- /dev/null +++ b/public/after_news.svg @@ -0,0 +1,6 @@ + diff --git a/public/after_story.svg b/public/after_story.svg new file mode 100644 index 0000000..102cd20 --- /dev/null +++ b/public/after_story.svg @@ -0,0 +1,7 @@ + diff --git a/public/before_group.svg b/public/before_group.svg new file mode 100644 index 0000000..91ae00a --- /dev/null +++ b/public/before_group.svg @@ -0,0 +1,7 @@ + diff --git a/public/before_home.svg b/public/before_home.svg new file mode 100644 index 0000000..ab1fa4c --- /dev/null +++ b/public/before_home.svg @@ -0,0 +1,6 @@ + diff --git a/public/before_my.svg b/public/before_my.svg new file mode 100644 index 0000000..beedc4c --- /dev/null +++ b/public/before_my.svg @@ -0,0 +1,13 @@ + diff --git a/public/before_news.svg b/public/before_news.svg new file mode 100644 index 0000000..544b647 --- /dev/null +++ b/public/before_news.svg @@ -0,0 +1,6 @@ + diff --git a/public/before_story.svg b/public/before_story.svg new file mode 100644 index 0000000..78fb9dd --- /dev/null +++ b/public/before_story.svg @@ -0,0 +1,7 @@ + diff --git a/public/blank_heart.svg b/public/blank_heart.svg deleted file mode 100644 index a0275b9..0000000 --- a/public/blank_heart.svg +++ /dev/null @@ -1,3 +0,0 @@ - diff --git a/public/gray_share.svg b/public/gray_share.svg new file mode 100644 index 0000000..e474b11 --- /dev/null +++ b/public/gray_share.svg @@ -0,0 +1,5 @@ + diff --git a/public/inquiry.svg b/public/inquiry.svg new file mode 100644 index 0000000..c8edfc6 --- /dev/null +++ b/public/inquiry.svg @@ -0,0 +1,20 @@ + diff --git a/public/menu_dots.svg b/public/menu_dots.svg new file mode 100644 index 0000000..b4ff2ed --- /dev/null +++ b/public/menu_dots.svg @@ -0,0 +1,9 @@ + + + + + diff --git a/public/news_sample4.svg b/public/news_sample4.svg new file mode 100644 index 0000000..90da70d --- /dev/null +++ b/public/news_sample4.svg @@ -0,0 +1,11 @@ + diff --git a/public/reply.svg b/public/reply.svg new file mode 100644 index 0000000..4004bf1 --- /dev/null +++ b/public/reply.svg @@ -0,0 +1,3 @@ + diff --git a/public/reply2.svg b/public/reply2.svg new file mode 100644 index 0000000..9011ca5 --- /dev/null +++ b/public/reply2.svg @@ -0,0 +1,5 @@ + diff --git a/public/report.svg b/public/report.svg new file mode 100644 index 0000000..41f235c --- /dev/null +++ b/public/report.svg @@ -0,0 +1,9 @@ + + + + + diff --git a/public/share.svg b/public/share.svg new file mode 100644 index 0000000..5808465 --- /dev/null +++ b/public/share.svg @@ -0,0 +1,5 @@ + diff --git a/public/triangle.svg b/public/triangle.svg new file mode 100644 index 0000000..0936c22 --- /dev/null +++ b/public/triangle.svg @@ -0,0 +1,3 @@ + diff --git a/src/app/(main)/news/[id]/page.tsx b/src/app/(main)/news/[id]/page.tsx new file mode 100644 index 0000000..55f3cd6 --- /dev/null +++ b/src/app/(main)/news/[id]/page.tsx @@ -0,0 +1,179 @@ +import TodayRecommendedBooks from "@/components/base-ui/News/today_recommended_books"; +import Image from "next/image"; +import { notFound } from "next/navigation"; + +const DUMMY_NEWS = [ + { + id: 1, + imageUrl: "/news_sample4.svg", + title: "책 읽는 한강공원", + content: "소식내용소식내용소식내용소식내용소식내용소식내용소식내용소식내용소식내용소식내용", + date: "2025-10-09", + fullContent: `📚✨ 책읽는 한강공원이 📖 + +25년 하반기에 다시 돌아옵니다 🎶💃🏼🎺 +반짝이는 강물과 따스한 햇살 아래,특별한 프로그램들이 여러분을 기다립니다. + +자연 속에서 즐기는 여유, 모두가 함께 만드는 즐거움, 그리고 한강에서만 느낄 수 있는 특별한 순간까지! 한강에서 가족, 친구, 연인과 함께 소중한 추억을 만들어 보세요. 💐🌺🍀🌷 + + +특색 있는 공간조성과 콘텐츠로 업그레이드 되었습니다 ♥️ +기대하시라 🎺개봉박두~~~~~ + + +✨일정✨ + + +📅 9월 6일 부터 매주토요일~ + +⏰ 13:00~20:00 + + +📍여의도 한강공원 멀티프라자 + +하반기 : 2025.9.6..~10.25. 매주 토요일 + + +#캘박필수❤️ + + +다채로운 축제가 가득한 한강, 하반기에도 책읽는 한강공원에서 만나요 💖💗💝 + + +#서울 #한강 #축제 #한강공원 #한강데이트 #데이트 #서울 #한강 #책읽는한강공원 #여의도한강공원 #책 + +#서울핫플 #위대한가이드 #잠원한강공원 #여의도한강공원 #광나루 #서울핫플추천 #서울팝업 #팝업스토어추천 #무료공연 #서울무료공연`, + }, + { + id: 2, + imageUrl: "/news_sample4.svg", + title: "책 읽는 한강공원", + content: "소식내용소식내용소식내용소식내용소식내용소식내용소식내용소식내용소식내용소식내용", + date: "2025-10-09", + fullContent: "소식 상세 내용.", + }, + { + id: 3, + imageUrl: "/news_sample4.svg", + title: "책 읽는 한강공원", + content: "소식내용소식내용소식내용소식내용소식내용소식내용소식내용소식내용소식내용소식내용", + date: "2025-10-09", + fullContent: "소식 상세 내용.", + }, + { + id: 4, + imageUrl: "/news_sample4.svg", + title: "책 읽는 한강공원", + content: "소식내용소식내용소식내용소식내용소식내용소식내용소식내용소식내용소식내용소식내용", + date: "2025-10-09", + fullContent: "소식 상세 내용.", + }, +]; + +const DUMMY_BOOKS = [ + { + id: 1, + imgUrl: "/booksample.svg", + title: "책 제목", + author: "작가작가작가", + }, + { + id: 2, + imgUrl: "/booksample.svg", + title: "책 제목", + author: "작가작가작가", + }, + { + id: 3, + imgUrl: "/booksample.svg", + title: "책 제목", + author: "작가작가작가", + }, + { + id: 4, + imgUrl: "/booksample.svg", + title: "책 제목", + author: "작가작가작가", + }, +]; + +function getNewsById(id: number) { + return DUMMY_NEWS.find((news) => news.id === id); +} + +type Props = { + params: Promise<{ id: string }>; +}; + +export default async function NewsDetailPage({ params }: Props) { + const { id } = await params; + const news = getNewsById(Number(id)); + + if (!news) { + notFound(); + } + + return ( + <> +
{news.date}
++ {news.fullContent || news.content} +
++ {story.content} +
+{title}
-{content}
++ {content} +
{authorNickname}
+ + + {/* 구독 */} + +{bookTitle}
+{bookAuthor}
++ {authorNickname} +
+ + + {/* 제목/저자 */} +{bookTitle}
+{bookAuthor}
+{authorName}
-{authorNickname}
+{bookTitle}
-{bookAuthor}
-{bookDetail}
+ {/* 드롭다운 메뉴 */} + {menuOpen && ( +{content}
+ {/* 메뉴 버튼 */} +{title}
@@ -45,8 +56,8 @@ export default function NewsList({
{date}