-
-
-))
-Table.displayName = "Table"
-
-export const TableHeader = forwardRef(({ className, ...props }, ref) => (
-
-))
-TableHeader.displayName = "TableHeader"
-
-export const TableBody = forwardRef(({ className, ...props }, ref) => (
-
-))
-TableBody.displayName = "TableBody"
-
-export const TableRow = forwardRef(({ className, ...props }, ref) => (
-
+
+ )
+}
diff --git a/src/entities/comment/ui/index.ts b/src/entities/comment/ui/index.ts
new file mode 100644
index 000000000..9c0ccb93a
--- /dev/null
+++ b/src/entities/comment/ui/index.ts
@@ -0,0 +1,2 @@
+export { CommentRow } from "./comment-row"
+
diff --git a/src/entities/post/api/index.ts b/src/entities/post/api/index.ts
new file mode 100644
index 000000000..1a1688f9a
--- /dev/null
+++ b/src/entities/post/api/index.ts
@@ -0,0 +1 @@
+export { postsApi } from "./posts-api"
diff --git a/src/entities/post/api/posts-api.ts b/src/entities/post/api/posts-api.ts
new file mode 100644
index 000000000..b17c0aa6e
--- /dev/null
+++ b/src/entities/post/api/posts-api.ts
@@ -0,0 +1,46 @@
+import { NewPost, Post, PostsResponse } from "../model"
+
+export const postsApi = {
+ // 게시물 목록 조회
+ getPosts: async (limit: number, skip: number): Promise
+ {comment.user?.username || "Unknown"}:
+ {highlightText(comment.body, searchQuery)}
+
+ {actions}
+
+ {/* 제목 (검색어 하이라이트) */}
+
+ {highlightText(post.title, searchQuery)}
+
+ {/* 태그 */}
+
+ {post.tags?.map((tag) => (
+
+ onUserClick?.(post.userId)}
+ >
+ {post.author?.image && (
+ 
+ )}
+ {post.author?.username || "Unknown"}
+
+
+
+
+
+
+
+ {actions}
+
+
+ )
+}
+
diff --git a/src/features/post/ui/post-detail-button.tsx b/src/features/post/ui/post-detail-button.tsx
new file mode 100644
index 000000000..eb6724b9a
--- /dev/null
+++ b/src/features/post/ui/post-detail-button.tsx
@@ -0,0 +1,24 @@
+import { Button } from "@/shared/ui"
+import { MessageSquare } from "lucide-react"
+import type { Post } from "@/entities/post"
+
+interface PostDetailButtonProps {
+ post: Post
+ onClick?: () => void
+}
+
+/**
+ * 게시물의 댓글을 보는 버튼
+ * 클릭 시 게시물 상세 모달을 열어서 댓글을 볼 수 있습니다.
+ */
+export const PostDetailButton = ({ onClick }: PostDetailButtonProps) => {
+ const handleClick = () => {
+ onClick?.()
+ }
+
+ return (
+
+ )
+}
diff --git a/src/features/post/ui/post-filter-bar.tsx b/src/features/post/ui/post-filter-bar.tsx
new file mode 100644
index 000000000..422db9683
--- /dev/null
+++ b/src/features/post/ui/post-filter-bar.tsx
@@ -0,0 +1,84 @@
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/shared/ui"
+import type { Tag } from "@/entities/tag"
+
+interface PostFilterBarProps {
+ selectedTag: string
+ tags: (Tag | string)[]
+ sortBy: string
+ sortOrder: string
+ onTagChange: (tag: string) => void
+ onSortByChange: (sortBy: string) => void
+ onSortOrderChange: (sortOrder: string) => void
+}
+
+/**
+ * 게시물 필터 컴포넌트
+ * 태그, 정렬 기준, 정렬 순서를 제어합니다.
+ */
+export const PostFilterBar = ({
+ selectedTag,
+ tags,
+ sortBy,
+ sortOrder,
+ onTagChange,
+ onSortByChange,
+ onSortOrderChange,
+}: PostFilterBarProps) => {
+ return (
+ <>
+ {/* 태그 선택 */}
+
+
+ {/* 정렬 기준 */}
+
+
+ {/* 정렬 순서 */}
+
+
+ )
+}
diff --git a/src/features/post/ui/post-search-bar.tsx b/src/features/post/ui/post-search-bar.tsx
new file mode 100644
index 000000000..43453329f
--- /dev/null
+++ b/src/features/post/ui/post-search-bar.tsx
@@ -0,0 +1,25 @@
+import { Input } from "@/shared/ui"
+import { Search } from "lucide-react"
+
+interface PostSearchBarProps {
+ value: string
+ onChange: (value: string) => void
+ onSearch: () => void
+}
+
+export const PostSearchBar = ({ value, onChange, onSearch }: PostSearchBarProps) => {
+ return (
+
+
+ )
+}
diff --git a/src/features/user/index.ts b/src/features/user/index.ts
new file mode 100644
index 000000000..5f546ee66
--- /dev/null
+++ b/src/features/user/index.ts
@@ -0,0 +1,2 @@
+export { useUser, UserProvider, UserContext } from "./model"
+export type { UserContextValue } from "./model"
diff --git a/src/features/user/model/UserContext.tsx b/src/features/user/model/UserContext.tsx
new file mode 100644
index 000000000..25bb0ba9b
--- /dev/null
+++ b/src/features/user/model/UserContext.tsx
@@ -0,0 +1,64 @@
+import { createContext, ReactNode, useCallback, useState } from "react"
+import type { User } from "@/entities/user"
+import { usersApi } from "@/entities/user"
+
+export interface UserContextValue {
+ // State
+ selectedUser: User | null
+ isOpen: boolean
+
+ // Setters
+ setSelectedUser: (user: User | null) => void
+ setIsOpen: (open: boolean) => void
+
+ // Actions
+ fetchUserDetail: (userId: number) => Promise
+
+
-
- )
-
return (
-
- 댓글
- -
- {comments[postId]?.map((comment) => (
-
-
-
- ))}
-
- {comment.user.username}:
- {highlightText(comment.body, searchQuery)}
-
-
-
-
-
-
-