diff --git a/src/common/apis/blog.tsx b/src/common/apis/blog.tsx
index e5057cb..c10a69f 100644
--- a/src/common/apis/blog.tsx
+++ b/src/common/apis/blog.tsx
@@ -5,5 +5,8 @@ import {postListMemberRequestToParameter} from "../util/url.tsx";
 export const getMemberPosts = (postListMemberRequest: PostListMemberRequest) =>
     axiosApi.get(`/post/member${postListMemberRequestToParameter(postListMemberRequest)}`);
 
+export const getMemberFolders = (username: string) =>
+    axiosApi.get(`/folders/${username}`);
+
 export const saveAndUpdateFolder = (folderRequestList: FolderRequest[]) =>
     axiosApi.put("/folders", folderRequestList);
\ No newline at end of file
diff --git a/src/common/types/blog.tsx b/src/common/types/blog.tsx
index 87de640..3ac1a2e 100644
--- a/src/common/types/blog.tsx
+++ b/src/common/types/blog.tsx
@@ -9,6 +9,7 @@ export interface FolderRequest {
 export interface FolderType {
     id: string,
     title: string,
+    postCount: number,
     subFolders: FolderType[],
 }
 
@@ -18,6 +19,7 @@ export interface FolderResponse {
     depth: number,
     orderIndex: number,
     parentFolderId: string | null,
+    postCount: number,
 }
 
 export const toFolderTypeList = (folderResponseList: FolderResponse[]) => {
@@ -44,6 +46,7 @@ const toFolderType = (folderResponse: FolderResponse) => {
     return {
         id: folderResponse.folderId,
         title: folderResponse.title,
+        postCount: folderResponse.postCount,
         subFolders: [],
     };
 }
diff --git a/src/components/blog/BlogSideBar.tsx b/src/components/blog/BlogSideBar.tsx
index d7b67cd..8286839 100644
--- a/src/components/blog/BlogSideBar.tsx
+++ b/src/components/blog/BlogSideBar.tsx
@@ -63,18 +63,31 @@ function BlogFolderList({depth = 0, folders, setSelectedFolder}: {
     setSelectedFolder: (folder: FolderType) => void,
 }) {
 
+    const getPostCount = (folder: FolderType) => {
+        let resultCount = folder.postCount;
+
+        if (folder.subFolders) {
+            folder.subFolders.forEach(subFolder => {
+                resultCount += getPostCount(subFolder);
+            })
+        }
+
+        return resultCount;
+    }
+
     return (
         <div className="w-full flex flex-col gap-y-1">
             {folders.map(folder =>
                 <div key={folder.id} className={`flex flex-col gap-y-2`}>
                     {depth === 0 && <div className="h-2"/>}
                     <button
-                        className={`flex justify-start items-center hover:opacity-50 hover:cursor-pointer 
+                        className={`flex justify-start items-center hover:opacity-50 hover:cursor-pointer gap-x-2
                         ${depth === 0 && "font-bold"}
                         ${depth > 0 && `text-gray-500`}`}
                         onClick={() => setSelectedFolder(folder)}>
                         {depth === 2 && <div className="w-8"/>}
                         {getFolderTitle(folder.title, depth)}
+                        <p className="text-xs font-light">({getPostCount(folder)})</p>
                     </button>
                     {depth === 0 && <hr className="text-gray-400"/>}
                     <BlogFolderList
diff --git a/src/components/common/Header.tsx b/src/components/common/Header.tsx
index 13fea05..e828c48 100644
--- a/src/components/common/Header.tsx
+++ b/src/components/common/Header.tsx
@@ -101,7 +101,7 @@ function Header() {
                                     </Link>
                                     <Link to={`/setting/profile`}
                                           className="w-full block px-4 py-2 text-gray-700 hover:bg-gray-100">
-                                        프로필 설정
+                                        설정
                                     </Link>
                                 </div>
                                 <div className="py-1">
diff --git a/src/components/common/PaginationButton.tsx b/src/components/common/PaginationButton.tsx
index 992ae3a..eec7241 100644
--- a/src/components/common/PaginationButton.tsx
+++ b/src/components/common/PaginationButton.tsx
@@ -68,36 +68,6 @@ function PaginationButton({pageInfo, setPage}: {
                 <MdKeyboardDoubleArrowRight size={16}/>
             </button>
         </nav>
-        // <div className="flex justify-center space-x-1">
-        //     <button
-        //         onClick={() => {
-        //             if (startPage !== 0) {
-        //                 setStartPage(startPage - paginationSize);
-        //             }
-        //         }}
-        //         className="rounded-full py-2 px-3 text-center text-sm transition-all shadow-sm hover:shadow-lg text-slate-600 hover:text-white hover:bg-lime-400 hover:border-lime-400 hover:cursor-pointer ml-2">
-        //         <MdArrowLeft className="size-6"/>
-        //     </button>
-        //     {pageList.map((page) => (
-        //         <button
-        //             key={page}
-        //             onClick={() => {
-        //                 setPage(page)
-        //             }}
-        //             className={`${pageInfo.number === page ? "bg-lime-400" : ""} min-w-9 rounded-full bg-white py-2 px-3.5 border border-transparent text-center text-sm transition-all shadow-md hover:shadow-lg focus:bg-lime-400 focus:shadow-none active:bg-lime-400 hover:bg-lime-400 active:shadow-none disabled:pointer-events-none disabled:opacity-50 disabled:shadow-none hover:cursor-pointer ml-2`}>
-        //             {page + 1}
-        //         </button>
-        //     ))}
-        //     <button
-        //         onClick={() => {
-        //             if (pageInfo.totalPages > startPage + paginationSize) {
-        //                 setStartPage(startPage + paginationSize);
-        //             }
-        //         }}
-        //         className="min-w-9 rounded-full py-2 px-3 text-center text-sm transition-all shadow-sm hover:shadow-lg text-slate-600 hover:text-white hover:bg-lime-400 hover:border-lime-400 hover:cursor-pointer ml-2">
-        //         <MdArrowRight className="size-6"/>
-        //     </button>
-        // </div>
     );
 
 
diff --git a/src/components/folder/FolderCardList.tsx b/src/components/folder/FolderCardList.tsx
index 74dabab..a801cf3 100644
--- a/src/components/folder/FolderCardList.tsx
+++ b/src/components/folder/FolderCardList.tsx
@@ -117,10 +117,11 @@ function FolderCard({
                         </div>
                     </div>
                     : <div className="w-full flex justify-between items-center ">
-                        <div className="flex items-center gap-x-4">
+                        <div className="flex items-center gap-x-2">
                             <MdOutlineMenu {...attributes} {...listeners}
                                            className="hover:cursor-pointer text-gray-600"/>
-                            <p>{folder.title}</p>
+                            <p className="ml-2">{folder.title}</p>
+                            <p className="text-xs font-light">({folder.postCount})</p>
                         </div>
                         <div className="flex justify-end items-center">
                             {depth !== 2 &&
diff --git a/src/components/folder/FolderSelectBox.tsx b/src/components/folder/FolderSelectBox.tsx
index fb7cb8a..451dc1f 100644
--- a/src/components/folder/FolderSelectBox.tsx
+++ b/src/components/folder/FolderSelectBox.tsx
@@ -74,9 +74,10 @@ function FolderSelectCard({folder, depth, selectedFolder, setTargetFolder, setFo
                 <div className={`flex items-center gap-x-1 ${depth === 0 && "font-bold text-black"}`}>
                     <div className={`w-${depth * 4}`}/>
                     {getFolderTitle(folder.title, depth)}
+                    <p className="text-xs font-light">({folder.postCount})</p>
                 </div>
             </button>
-            {folder.subFolders.length > 0 &&
+            {folder.subFolders &&
                 folder.subFolders.map((subFolder =>
                     <FolderSelectCard
                         key={subFolder.id}
diff --git a/src/components/post/CommentCard.tsx b/src/components/post/CommentCard.tsx
index 6a42fd9..d438a34 100644
--- a/src/components/post/CommentCard.tsx
+++ b/src/components/post/CommentCard.tsx
@@ -1,4 +1,4 @@
-import {dateToKorean} from "../../common/util/date.tsx";
+import {fullDateToKorean} from "../../common/util/date.tsx";
 import {MdOutlineAddComment, MdOutlineComment, MdOutlinePerson} from "react-icons/md";
 import {ChangeEvent, useState} from "react";
 import CommentTextField from "./CommentTextField.tsx";
@@ -76,7 +76,7 @@ function CommentCard({comment, handleLoadMoreSubComment, handleCommentSubmit, pa
                             {comment.member.username}
                         </p>
                         <p className="text-gray-400 text-sm">
-                            {dateToKorean(comment.createdAt)}
+                            {fullDateToKorean(comment.createdAt)}
                         </p>
                     </div>
                     <div className="mt-4 text-gray-900 flex items-center gap-x-2">
diff --git a/src/pages/blog/BlogPage.tsx b/src/pages/blog/BlogPage.tsx
index ecb6345..776c9ef 100644
--- a/src/pages/blog/BlogPage.tsx
+++ b/src/pages/blog/BlogPage.tsx
@@ -1,15 +1,14 @@
 import BasicLayout from "../../layout/BasicLayout.tsx";
 import {useNavigate, useParams} from "react-router-dom";
-import {faker} from "@faker-js/faker/locale/ko";
 import PostCard from "../../components/post/PostCard.tsx";
 import {useEffect, useRef, useState} from "react";
 import {MdMenu, MdOutlineExitToApp} from "react-icons/md";
 import PaginationButton from "../../components/common/PaginationButton.tsx";
-import {FolderType} from "../../common/types/blog.tsx";
+import {FolderType, toFolderTypeList} from "../../common/types/blog.tsx";
 import BlogSideBar from "../../components/blog/BlogSideBar.tsx";
 import IconButton from "../../components/common/IconButton.tsx";
 import {PageResponse} from "../../common/types/common.tsx";
-import {getMemberPosts} from "../../common/apis/blog.tsx";
+import {getMemberFolders, getMemberPosts} from "../../common/apis/blog.tsx";
 import {PostResponse} from "../../common/types/post.tsx";
 import {MemberProfileResponse} from "../../common/types/member.tsx";
 import {getProfileByUsername} from "../../common/apis/member.tsx";
@@ -28,72 +27,6 @@ function BlogPage() {
     });
     const [posts, setPosts] = useState<PostResponse[]>([]);
     const [member, setMember] = useState<MemberProfileResponse>({username: username || "", profileUrl: null});
-    const folderData: FolderType[] = [
-        {
-            id: crypto.randomUUID(),
-            title: faker.lorem.words(),
-            subFolders: [
-                {
-                    id: crypto.randomUUID(),
-                    title: faker.lorem.words(),
-                    subFolders: [
-                        {
-                            id: crypto.randomUUID(),
-                            title: faker.lorem.words(),
-                            subFolders: [],
-                        },
-                    ],
-                },
-                {
-                    id: crypto.randomUUID(),
-                    title: faker.lorem.words(),
-                    subFolders: [],
-                },
-                {
-                    id: crypto.randomUUID(),
-                    title: faker.lorem.words(),
-                    subFolders: [],
-                },
-                {
-                    id: crypto.randomUUID(),
-                    title: faker.lorem.words(),
-                    subFolders: [],
-                },
-            ]
-        },
-        {
-            id: crypto.randomUUID(),
-            title: faker.lorem.words(),
-            subFolders: [
-                {
-                    id: crypto.randomUUID(),
-                    title: faker.lorem.words(),
-                    subFolders: [],
-                },
-            ],
-        },
-        {
-            id: crypto.randomUUID(),
-            title: faker.lorem.words(),
-            subFolders: [
-                {
-                    id: crypto.randomUUID(),
-                    title: faker.lorem.words(),
-                    subFolders: [],
-                },
-                {
-                    id: crypto.randomUUID(),
-                    title: faker.lorem.words(),
-                    subFolders: [],
-                },
-                {
-                    id: crypto.randomUUID(),
-                    title: faker.lorem.words(),
-                    subFolders: [],
-                },
-            ]
-        },
-    ];
     const [folders, setFolders] = useState<FolderType[]>([]);
 
     const [isOpen, setIsOpen] = useState(false);
@@ -135,12 +68,6 @@ function BlogPage() {
         return folderIds;
     }
 
-    useEffect(() => {
-        // todo: 내 게시글 불러오기 api
-        console.log(page, setPageInfo.toString());
-        setFolders(folderData);
-    }, []);
-
     useEffect(() => {
         document.addEventListener('mousedown', handleClickOutside);
         document.title = username || "DIGLOG";
@@ -179,6 +106,11 @@ function BlogPage() {
                 setMember(res.data);
             })
             .catch(error => alert(error.response.data.message));
+
+        getMemberFolders(username)
+            .then(res => {
+                setFolders(toFolderTypeList(res.data));
+            });
     }, [username]);
 
     useEffect(() => {
@@ -193,7 +125,6 @@ function BlogPage() {
             size: pageInfo.size,
         })
             .then((res) => {
-                console.log(res.data.page);
                 setPosts(res.data.content);
                 setPageInfo(res.data.page);
             })
@@ -236,7 +167,7 @@ function BlogPage() {
                 </div>
             </div>
             <div ref={sideBarRef}
-                 className={`${isOpen ? "translate-x-0 overflow-y-scroll" : "translate-x-full overflow-y-hidden"} absolute top-0 right-0 w-96 flex-col
+                 className={`${isOpen ? "block translate-x-0 overflow-y-scroll" : "hidden translate-x-full overflow-y-hidden"} !bg-orange-400 absolute top-0 right-0 w-96 flex-col
                      transform transition-transform duration-300 ease-out z-20`}>
                 <button className="absolute top-4 right-[calc(320px)] hover:cursor-pointer"
                         onClick={() => setIsOpen(false)}>
diff --git a/src/pages/post/WritePage.tsx b/src/pages/post/WritePage.tsx
index 1696b1b..56ec893 100644
--- a/src/pages/post/WritePage.tsx
+++ b/src/pages/post/WritePage.tsx
@@ -5,7 +5,6 @@ import {Editor} from "@tinymce/tinymce-react";
 import {FillButton} from "../../components/common/FillButton.tsx";
 import {useSelector} from "react-redux";
 import {RootState} from "../../store.tsx";
-import {faker} from "@faker-js/faker/locale/ko";
 import {MdOutlineClear} from "react-icons/md";
 import {createPost, deletePost, getPost, updatePost} from "../../common/apis/post.tsx";
 import LoadingLayout from "../../layout/LoadingLayout.tsx";
@@ -14,8 +13,9 @@ import {uploadImage} from "../../common/apis/image.tsx";
 import {checkUUID} from "../../common/util/regex.tsx";
 import {TagResponse} from "../../common/types/post.tsx";
 import {sortByName} from "../../common/util/sort.tsx";
-import {FolderType} from "../../common/types/blog.tsx";
+import {FolderType, toFolderTypeList} from "../../common/types/blog.tsx";
 import FolderSelectBox from "../../components/folder/FolderSelectBox.tsx";
+import {getMemberFolders} from "../../common/apis/blog.tsx";
 
 interface WritePostType {
     inputTag: string;
@@ -32,6 +32,7 @@ function WritePage() {
     const {id} = useParams();
 
     const [loading, setLoading] = useState(false);
+    const [folders, setFolders] = useState<FolderType[]>([]);
     const [post, setPost] = useState<WritePostType>({
         inputTag: "",
         tags: [],
@@ -167,68 +168,6 @@ function WritePage() {
         };
     }, []);
 
-    const folderData: FolderType[] = [
-        {
-            id: "empty",
-            title: "폴더 없음",
-            subFolders: [],
-        },
-        {
-            id: crypto.randomUUID(),
-            title: faker.lorem.words(),
-            subFolders: [
-                {
-                    id: crypto.randomUUID(),
-                    title: faker.lorem.words(),
-                    subFolders: [
-                        {
-                            id: crypto.randomUUID(),
-                            title: faker.lorem.words(),
-                            subFolders: [],
-                        },
-                    ],
-                },
-                {
-                    id: crypto.randomUUID(),
-                    title: faker.lorem.words(),
-                    subFolders: [],
-                },
-            ]
-        },
-        {
-            id: crypto.randomUUID(),
-            title: faker.lorem.words(),
-            subFolders: [
-                {
-                    id: crypto.randomUUID(),
-                    title: faker.lorem.words(),
-                    subFolders: [],
-                },
-            ],
-        },
-        {
-            id: crypto.randomUUID(),
-            title: faker.lorem.words(),
-            subFolders: [
-                {
-                    id: crypto.randomUUID(),
-                    title: faker.lorem.words(),
-                    subFolders: [],
-                },
-                {
-                    id: crypto.randomUUID(),
-                    title: faker.lorem.words(),
-                    subFolders: [],
-                },
-                {
-                    id: crypto.randomUUID(),
-                    title: faker.lorem.words(),
-                    subFolders: [],
-                },
-            ]
-        },
-    ];
-
     useEffect(() => {
         if (!path.endsWith("edit")) {
             return;
@@ -251,16 +190,25 @@ function WritePage() {
                 setTargetFolder({
                     id: res.data.folder.id,
                     title: res.data.folder.title,
+                    postCount: res.data.folder.postCount,
                     subFolders: [],
                 });
             })
             .catch((error) => alert(error.response.data.message));
 
-        // 폴더 불러오기 api
-        // if (loginState.isLogin) {
-        //     alert("해당 페이지 이용에는 로그인이 필요합니다.");
-        //     navigate("/login");
-        // }
+        getMemberFolders(loginState.username)
+            .then(res => {
+                setFolders(toFolderTypeList(res.data));
+                setFolders(prev => [
+                    {
+                        id: "empty",
+                        title: "폴더 없음",
+                        postCount: 0,
+                        subFolders: [],
+                    },
+                    ...prev
+                ]);
+            });
     }, []);
 
     useEffect(() => {
@@ -275,7 +223,7 @@ function WritePage() {
             <div className="flex flex-col w-full">
                 <div className="flex justify-start items-center">
                     <div className="w-108">
-                        <FolderSelectBox folders={folderData}
+                        <FolderSelectBox folders={folders}
                                          targetFolder={targetFolder}
                                          setTargetFolder={setTargetFolder}/>
                     </div>
diff --git a/src/pages/setting/FolderSettingPage.tsx b/src/pages/setting/FolderSettingPage.tsx
index 88baa9d..a1691a2 100644
--- a/src/pages/setting/FolderSettingPage.tsx
+++ b/src/pages/setting/FolderSettingPage.tsx
@@ -6,15 +6,17 @@ import {DragEndEvent} from "@dnd-kit/core";
 import FolderCardList from "../../components/folder/FolderCardList.tsx";
 import {arrayMove} from "@dnd-kit/sortable";
 import FolderSelectBox from "../../components/folder/FolderSelectBox.tsx";
-import {saveAndUpdateFolder} from "../../common/apis/blog.tsx";
-import {useNavigate} from "react-router-dom";
+import {getMemberFolders, saveAndUpdateFolder} from "../../common/apis/blog.tsx";
+import {useSelector} from "react-redux";
+import {RootState} from "../../store.tsx";
 
 function FolderSettingPage() {
 
-    const navigate = useNavigate();
+    const loginState = useSelector((state: RootState) => state.loginSlice);
 
+    const [trigger, setTrigger] = useState(false);
     const [tempId, setTempId] = useState(0);
-    const [folders, setFolders] = useState<FolderType[]>(toFolderTypeList([]));
+    const [folders, setFolders] = useState<FolderType[]>([]);
 
     const getTempId = () => {
         setTempId(prev => prev + 1);
@@ -26,7 +28,7 @@ function FolderSettingPage() {
 
         if (parentFolder === null) {
             const tempId = getTempId();
-            setFolders([...folders, {id: tempId, title: tempTitle, subFolders: []}]);
+            setFolders([...folders, {id: tempId, title: tempTitle, postCount: 0, subFolders: []}]);
             setEditFolderTitle("");
             setEditFolderId(tempId);
             return;
@@ -40,7 +42,10 @@ function FolderSettingPage() {
                 const tempId = getTempId();
                 setEditFolderTitle("");
                 setEditFolderId(tempId);
-                return {...folder, subFolders: [...folder.subFolders, {id: tempId, title: title, subFolders: []}]};
+                return {
+                    ...folder,
+                    subFolders: [...folder.subFolders, {id: tempId, title: title, postCount: 0, subFolders: []}]
+                };
             } else if (folder.subFolders.length > 0) {
                 return {...folder, subFolders: getAddFolderList(folder.subFolders, id, title)};
             }
@@ -55,6 +60,7 @@ function FolderSettingPage() {
     const [targetFolder, setTargetFolder] = useState<FolderType>({
         id: crypto.randomUUID(),
         title: "",
+        postCount: 0,
         subFolders: [],
     });
     const [folderMoveType, setFolderMoveType] = useState(0);
@@ -196,8 +202,6 @@ function FolderSettingPage() {
         }
 
         const handleFolders = getHandleFolders(folders, editFolder.id);
-        console.log("handleFolders", handleFolders);
-        console.log("targetId", editFolder.id);
         if (handleFolders.findIndex(folder => folder.title === editFolderTitle.trim()) !== -1) {
             alert("중복된 폴더 이름입니다.");
             return;
@@ -234,6 +238,11 @@ function FolderSettingPage() {
     }
 
     const handleDelete = (deleteFolder: FolderType) => {
+        if (deleteFolder.postCount > 0) {
+            alert("게시글을 모두 이동한 후에 제거할 수 있습니다.");
+            return;
+        }
+
         if (deleteFolder.subFolders.length > 0) {
             alert("하위 폴더를 모두 제거한 후에 제거할 수 있습니다.");
             return;
@@ -260,10 +269,9 @@ function FolderSettingPage() {
         }
 
         saveAndUpdateFolder(toFolderRequestList(folders))
-            .then((res) => {
-                console.log(res);
+            .then(() => {
                 alert("변경사항이 저장되었습니다.");
-                navigate(0);
+                setTrigger(prev => !prev);
             })
             .catch(error => alert(error.response.data.message));
     }
@@ -275,6 +283,14 @@ function FolderSettingPage() {
         }
     };
 
+    useEffect(() => {
+        getMemberFolders(loginState.username)
+            .then(res => {
+                setFolders(toFolderTypeList(res.data));
+            })
+            .catch(error => alert(error.response.data.message));
+    }, [trigger]);
+
     useEffect(() => {
         document.addEventListener('mousedown', handleClickOutside);
         return () => {
diff --git a/src/pages/setting/PostSettingPage.tsx b/src/pages/setting/PostSettingPage.tsx
index c580067..7edd21c 100644
--- a/src/pages/setting/PostSettingPage.tsx
+++ b/src/pages/setting/PostSettingPage.tsx
@@ -4,14 +4,13 @@ import {TextLink} from "../../components/common/TextButton.tsx";
 import PaginationButton from "../../components/common/PaginationButton.tsx";
 import {PageResponse} from "../../common/types/common.tsx";
 import {fullDateToKorean} from "../../common/util/date.tsx";
-import {getMemberPosts} from "../../common/apis/blog.tsx";
+import {getMemberFolders, getMemberPosts} from "../../common/apis/blog.tsx";
 import {useSelector} from "react-redux";
 import {RootState} from "../../store.tsx";
 import {FillButton} from "../../components/common/FillButton.tsx";
 import {updatePostFolder} from "../../common/apis/post.tsx";
 import FolderSelectBox from "../../components/folder/FolderSelectBox.tsx";
-import {FolderType} from "../../common/types/blog.tsx";
-import {faker} from "@faker-js/faker/locale/ko";
+import {FolderType, toFolderTypeList} from "../../common/types/blog.tsx";
 
 function PostSettingPage() {
 
@@ -98,69 +97,17 @@ function PostSettingPage() {
             })
             .catch((error) => alert(error.response.data.message));
 
-        // todo: folders 데이터
-        const folderData: FolderType[] = [
-            {
-                id: crypto.randomUUID(),
-                title: faker.lorem.words(),
-                subFolders: [
-                    {
-                        id: crypto.randomUUID(),
-                        title: faker.lorem.words(),
-                        subFolders: [
-                            {
-                                id: crypto.randomUUID(),
-                                title: faker.lorem.words(),
-                                subFolders: [],
-                            },
-                        ],
-                    },
-                    {
-                        id: crypto.randomUUID(),
-                        title: faker.lorem.words(),
-                        subFolders: [],
-                    },
-                ]
-            },
-            {
-                id: crypto.randomUUID(),
-                title: faker.lorem.words(),
-                subFolders: [
-                    {
-                        id: crypto.randomUUID(),
-                        title: faker.lorem.words(),
-                        subFolders: [],
-                    },
-                ],
-            },
-            {
-                id: crypto.randomUUID(),
-                title: faker.lorem.words(),
-                subFolders: [
-                    {
-                        id: crypto.randomUUID(),
-                        title: faker.lorem.words(),
-                        subFolders: [],
-                    },
-                    {
-                        id: crypto.randomUUID(),
-                        title: faker.lorem.words(),
-                        subFolders: [],
-                    },
-                    {
-                        id: crypto.randomUUID(),
-                        title: faker.lorem.words(),
-                        subFolders: [],
-                    },
-                ]
-            },
-        ];
-        setFolders(folderData);
-        setFolders(prev => [{
-            id: "empty",
-            title: "폴더 없음",
-            subFolders: [],
-        }, ...prev]);
+        getMemberFolders(loginState.username)
+            .then(res => {
+                setFolders(toFolderTypeList(res.data));
+                setFolders(prev => [{
+                    id: "empty",
+                    title: "폴더 없음",
+                    postCount: 0,
+                    subFolders: [],
+                }, ...prev]);
+            })
+            .catch(error => alert(error.response.data.message));
     }, [loginState, page]);
 
     return (