무한 스크롤 기능 구현 및 공용 UI, 유틸, API 관련 파일 추가

apps/web/entities/post/model/api.ts

@@ -0,0 +1,40 @@
+import { httpClient } from '@/shared/api/http-client';
+import { CreatePostDTO, Post, UpdatePostDTO } from '@/shared/types/post-types';
+
+// 게시글 생성 (POST /posts)
+export const createPost = async (postData: CreatePostDTO): Promise<Post> => {
+  return httpClient<Post>('/posts', {
+    method: 'POST',
+    body: JSON.stringify(postData),
+  });
+};
+
+// 모든 게시글 조회 (GET /posts)
+export const getPosts = async (): Promise<Post[]> => {
+  return httpClient<Post[]>('/posts');
+};
+
+// 특정 게시글 조회 (GET /posts/{id})
+export const getPostById = async (postId: string): Promise<Post> => {
+  return httpClient<Post>(`/posts/${postId}`);
+};
+
+// 게시글 수정 (PUT /posts/{id})
+export const updatePost = async (
+  postId: string,
+  updatedData: UpdatePostDTO
+): Promise<Post> => {
+  return httpClient<Post>(`/posts/${postId}`, {
+    method: 'PUT',
+    body: JSON.stringify(updatedData),
+  });
+};
+
+// 게시글 삭제 (DELETE /posts/{id})
+export const deletePost = async (
+  postId: string
+): Promise<{ message: string }> => {
+  return httpClient<{ message: string }>(`/posts/${postId}`, {
+    method: 'DELETE',
+  });
+};

apps/web/shared/api/http-client.ts

@@ -0,0 +1,19 @@
+export const BASE_URL = 'http://localhost:4000/api';
+
+export const httpClient = async <T>(
+  endpoint: string,
+  options?: RequestInit
+): Promise<T> => {
+  const response = await fetch(`${BASE_URL}${endpoint}`, {
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    ...options,
+  });
+
+  if (!response.ok) {
+    throw new Error(`API 요청 실패: ${response.status}`);
+  }
+
+  return response.json();
+};

apps/web/shared/types/post-types.ts

@@ -0,0 +1,26 @@
+export interface Post {
+  id: string;
+  title: string;
+  content: string;
+  author: string;
+  createdAt: string;
+  updatedAt?: string;
+}
+
+export type CreatePostDTO = Pick<Post, 'title' | 'content' | 'author'>;
+export type UpdatePostDTO = Partial<CreatePostDTO>;
+
+interface CursorPaginationResponse<T> {
+  data: T[];
+  nextCursor: string | null;
+  hasMore: boolean;
+}
+interface OffsetPaginationResponse<T> {
+  data: T[];
+  currentPage: number;
+  totalPages: number;
+  hasMore: boolean;
+}
+
+export type GetPostsCursor = CursorPaginationResponse<Post>;
+export type GetPostsOffset = OffsetPaginationResponse<Post>;