[남기연] sprint9

next/src/lib/fetch-posts.ts

@@ -1,12 +1,12 @@
 import { baseURL } from "@/constants";
-import { PostData, PostListData } from "../types";
+import { Post, Posts } from "../types";
 
 export default async function fetchPosts({
   page = "1",
   pageSize = 3,
   orderBy = "recent",
   keyword = "",
-}): Promise<PostData[]> {
+}): Promise<Post[]> {
   const params = new URLSearchParams({
     page: String(page),
     pageSize: String(pageSize),
@@ -20,10 +20,9 @@ export default async function fetchPosts({
     if (!response.ok) {
       throw new Error(`Failed to fetch, ${response.statusText}`);
     }
-    const data: PostListData = await response.json();
+    const data: Posts = await response.json();
     return data.list;
   } catch (err) {
-    console.error(err);
-    return [];
+    throw new Error(`FetchPosts Error: ${(err as Error).message}`);
   }
 }

next/src/pages/boards/components/AllPosts.tsx

@@ -4,18 +4,17 @@ import BasePost from "./BasePost";
 import { useEffect, useState } from "react";
 import ToggleBtn from "../../../components/ToggleBtn";
 import Link from "next/link";
-import { PostData } from "../../../types";
+import { Post } from "../../../types";
 import fetchPosts from "@/lib/fetch-posts";
 
 interface AllPostProps {
-  initialAllPosts: PostData[];
+  initialAllPosts: Post[];
 }
 
 export default function AllPosts({ initialAllPosts }: AllPostProps) {
-  const [postList, setPostList] = useState<PostData[]>(initialAllPosts);
+  const [postList, setPostList] = useState<Post[]>(initialAllPosts);
   const [orderBy, setOrderBy] = useState<"recent" | "like">("recent");
-  const [filterPostList, setFilterPostList] =
-    useState<PostData[]>(initialAllPosts);
+  const [filterPostList, setFilterPostList] = useState<Post[]>(initialAllPosts);
   const [searchValue, setSearchValue] = useState<string>("");
 
   const onChangeOrderBy = (orderByValue: "recent" | "like") => {

next/src/pages/boards/components/BasePost.tsx

@@ -1,15 +1,15 @@
 import Image from "next/image";
 import styles from "./BasePost.module.css";
 import formatDate from "../../../utils/date";
-import { PostData } from "../../../types";
+import { Post } from "../../../types";
 
 export default function BasePost({
   content,
   image,
   writer = { nickname: "익명 사용자" },
   likeCount,
   createdAt,
-}: PostData) {
+}: Post) {
   return (
     <div className={styles.container}>
       <div className={styles.product}>

next/src/pages/boards/components/BestPost.tsx

@@ -1,15 +1,15 @@
 import Image from "next/image";
 import styles from "./BestPost.module.css";
 import formatDate from "../../../utils/date";
-import { PostData } from "../../../types";
+import { Post } from "../../../types";
 
 export default function BestPost({
   content,
   image,
   writer,
   likeCount,
   createdAt,
-}: PostData) {
+}: Post) {
   return (
     <div className={styles.container}>
       <div className={styles.tag}>

next/src/pages/boards/components/BestPosts.tsx

@@ -1,18 +1,18 @@
-import { PostData } from "@/types";
+import { Post } from "@/types";
 import BestPost from "./BestPost";
 import styles from "./BestPosts.module.css";
 import { useEffect, useState } from "react";
 import fetchPosts from "@/lib/fetch-posts";
 
 interface BestPostProps {
-  initialBestPosts: PostData[];
+  initialBestPosts: Post[];
 }
 
 // 479, 767, 1023
 
 export default function BestPosts({ initialBestPosts }: BestPostProps) {
   const [pageSize, setPageSize] = useState(3);
-  const [bestPosts, setBestPosts] = useState<PostData[]>(initialBestPosts);
+  const [bestPosts, setBestPosts] = useState<Post[]>(initialBestPosts);
 
   const pageSizeCheck = () => {
     const pageWidth = window.innerWidth;

next/src/types.ts

@@ -1,4 +1,4 @@
-export interface PostData {
+export interface Post {
   id: number;
   title: string;
   content: string;
@@ -12,8 +12,8 @@ export interface PostData {
   };
 }
 
-export interface PostListData {
-  list: PostData[];
+export interface Posts {
+  list: Post[];
   totalCount: number;
 }