@@ -196,69 +178,17 @@ function CompactPostRow({ post }: { post: Post }) {
{post.title}
-
- {getSummary(post.content, 96)}
-
+ {summary && (
+
+ {summary}
+
+ )}
-
+
);
}
-function CategoryShelf({
- category,
- posts,
- isLoading,
-}: {
- category: Category;
- posts: Post[];
- isLoading: boolean;
-}) {
- return (
-
-
-
-
- {category.name}
-
-
최근 글
-
-
- 전체 보기
-
-
- {[0, 1, 2].map((item) => (
-
- ))}
-
- {posts.slice(0, 3).map((post) => (
-
-
- {post.title}
-
-
-
- ))}
-
- ) : (
-
- )}
-
- );
-}
-
function HomeContent() {
const searchParams = useSearchParams();
const keyword = searchParams.get('keyword') || '';
@@ -271,19 +201,7 @@ function HomeContent() {
const { data: latestData, isLoading: isLatestLoading } = useQuery({
queryKey: ['posts', 'latest'],
- queryFn: () => getPosts({ size: 8, sort: 'createdAt,desc' }),
- retry: 0,
- });
-
- const { data: popularData, isLoading: isPopularLoading } = useQuery({
- queryKey: ['posts', 'popular'],
- queryFn: () => getPosts({ size: 5, sort: 'viewCount,desc' }),
- retry: 0,
- });
-
- const { data: categories } = useQuery({
- queryKey: ['categories'],
- queryFn: getCategories,
+ queryFn: () => getPosts({ size: 7, sort: 'createdAt,desc' }),
retry: 0,
});
@@ -294,22 +212,11 @@ function HomeContent() {
retry: 0,
});
- const shelfCategories = useMemo(() => getHomeCategories(categories), [categories]);
- const categoryPostQueries = useQueries({
- queries: shelfCategories.map((category) => ({
- queryKey: ['posts', 'category-shelf', category.name],
- queryFn: () => getPosts({ category: category.name, size: 3, sort: 'createdAt,desc' }),
- enabled: !keyword,
- retry: 0,
- })),
- });
-
const notices = noticesData?.content || [];
const latestPosts = (latestData?.content || []).filter((post) => !isNoticePost(post));
- const popularPosts = (popularData?.content || []).filter((post) => !isNoticePost(post));
const featuredPost = latestPosts[0];
const latestList = latestPosts.slice(1, 7);
- const isHomeLoading = !keyword && (isNoticesLoading || isLatestLoading || isPopularLoading);
+ const isHomeLoading = !keyword && (isNoticesLoading || isLatestLoading);
if (keyword) {
return (
@@ -328,64 +235,36 @@ function HomeContent() {
}
return (
-
-
-
-
- WYPark Blog
-
-
+
+
+
박원엽의 개발 기록
-
-
- 백엔드, 네트워크, 운영 경험을 차분하게 정리하는 개인 기술 블로그입니다.
-
-
-
- 전체 글 둘러보기
-
-
-
- 검색으로 찾기
-
-
-
-
-
-
-
-
최근 업데이트
-
- {featuredPost ? formatDate(featuredPost.createdAt) : '새 글을 준비 중입니다.'}
-
-
-
+ 배운 것과 운영하며 부딪힌 문제를 짧고 정확하게 남깁니다.
+
+
+ 전체 글
+
+
- 0 ? 'grid gap-6 lg:grid-cols-[1.05fr_0.95fr]' : 'grid gap-6'}>
+ 0 ? 'grid gap-6 lg:grid-cols-[1.1fr_0.9fr]' : 'grid gap-6'}>
{latestList.length > 0 && (
-
-
+
+
최신 글
-
+
전체 보기
@@ -399,64 +278,6 @@ function HomeContent() {
)}
-
-
-
-
-
카테고리별 글
-
- {shelfCategories.length > 0 ? (
-
- {shelfCategories.map((category, index) => (
-
- ))}
-
- ) : (
-
- )}
-
-
-
-
-
-
-
많이 읽힌 글
-
- {popularPosts.length > 0 ? (
-
- {popularPosts.slice(0, 4).map((post) => (
-
- ))}
-
- ) : (
-
- )}
-
-
-
-
-
-
기록은 아카이브에 쌓입니다.
-
- 월별 글 흐름과 지난 글은 아카이브에서 한 번에 살펴볼 수 있습니다.
-
-
);
}
diff --git a/src/components/layout/Sidebar.tsx b/src/components/layout/Sidebar.tsx
index 211417a..9526d74 100644
--- a/src/components/layout/Sidebar.tsx
+++ b/src/components/layout/Sidebar.tsx
@@ -25,12 +25,13 @@ import { Category, Profile } from '@/types';
interface CategoryItemProps {
category: Category;
depth: number;
+ onNavigate: () => void;
pathname: string;
}
const defaultProfile: Profile = {
name: 'Dev Park',
- bio: '풀스택을 꿈꾸는 개발자\n"코드로 세상을 바꾸고 싶은 박개발의 기술 블로그입니다."',
+ bio: '개발자',
imageUrl: 'https://api.dicebear.com/7.x/notionists/svg?seed=Felix',
githubUrl: 'https://github.com',
email: 'user@example.com',
@@ -40,7 +41,7 @@ const sortCategories = (categories: Category[] = []) => {
return [...categories].sort((a, b) => a.id - b.id);
};
-function CategoryItem({ category, depth, pathname }: CategoryItemProps) {
+function CategoryItem({ category, depth, onNavigate, pathname }: CategoryItemProps) {
const sortedChildren = useMemo(() => sortCategories(category.children), [category.children]);
const hasChildren = sortedChildren.length > 0;
const isActive = decodeURIComponent(pathname) === `/category/${category.name}`;
@@ -64,14 +65,18 @@ function CategoryItem({ category, depth, pathname }: CategoryItemProps) {
-
+
{isActive ?
:
}
{category.name}
@@ -102,6 +107,7 @@ function CategoryItem({ category, depth, pathname }: CategoryItemProps) {
key={child.id}
category={child}
depth={depth + 1}
+ onNavigate={onNavigate}
pathname={pathname}
/>
))}
@@ -112,7 +118,7 @@ function CategoryItem({ category, depth, pathname }: CategoryItemProps) {
}
function SidebarContent() {
- const [isOpen, setIsOpen] = useState(true);
+ const [isOpen, setIsOpen] = useState(false);
const pathname = usePathname();
const router = useRouter();
@@ -134,14 +140,18 @@ function SidebarContent() {
const displayProfile = profile ? { ...defaultProfile, ...profile } : defaultProfile;
+ const closeSidebar = () => setIsOpen(false);
+
const handleSearch = (newKeyword: string) => {
const trimmedKeyword = newKeyword.trim();
if (trimmedKeyword) {
router.push(`/?keyword=${encodeURIComponent(trimmedKeyword)}`);
+ closeSidebar();
return;
}
router.push('/');
+ closeSidebar();
};
return (
@@ -155,15 +165,25 @@ function SidebarContent() {
{isOpen ?
:
}
+
+