From 779dc1bbe01435d06f38daf13d7567c871426b0d Mon Sep 17 00:00:00 2001
From: Suyeon <msjgr2801@gmail.com>
Date: Wed, 27 Sep 2023 17:28:55 +0900
Subject: [PATCH 01/13] =?UTF-8?q?=F0=9F=9A=A8=20Fix:=20=EB=AA=85=EC=83=81?=
 =?UTF-8?q?=20=EB=81=9D=EB=82=B8=20=EB=92=A4=20Header,=20Footer=20?=
 =?UTF-8?q?=EB=B3=B4=EC=9D=B4=EA=B8=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/meditation/components/MeditationTimeSetter.tsx | 5 +++++
 src/pages/meditation/components/MeditationTimer.style.ts | 2 +-
 src/pages/notice/states/readAlert.ts                     | 6 ++++++
 3 files changed, 12 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/notice/states/readAlert.ts

diff --git a/src/pages/meditation/components/MeditationTimeSetter.tsx b/src/pages/meditation/components/MeditationTimeSetter.tsx
index 6de4dd80..e662423d 100644
--- a/src/pages/meditation/components/MeditationTimeSetter.tsx
+++ b/src/pages/meditation/components/MeditationTimeSetter.tsx
@@ -45,6 +45,11 @@ const MeditationTimeSetter = ({ themePicked }: MeditationTimeSetterProps) => {
     };
 
     const handleEndMeditation = () => {
+      const headerEl = document.querySelector('header');
+      const footerEl = document.querySelector('footer');
+
+      headerEl.style.display = 'flex';
+      footerEl.style.display = 'flex';
       navigate('/posting', {
         state: {
           channelId: themePicked.id,
diff --git a/src/pages/meditation/components/MeditationTimer.style.ts b/src/pages/meditation/components/MeditationTimer.style.ts
index 9875fe9d..d83ea7b7 100644
--- a/src/pages/meditation/components/MeditationTimer.style.ts
+++ b/src/pages/meditation/components/MeditationTimer.style.ts
@@ -56,7 +56,7 @@ export const TimerElement = styled.button<{ timerPaused: boolean }>`
     transition: 0.3s;
   }
 
-  z-index: 2;
+  z-index: 1;
 `;
 
 export const IconContainer = styled.div`
diff --git a/src/pages/notice/states/readAlert.ts b/src/pages/notice/states/readAlert.ts
new file mode 100644
index 00000000..6731f92c
--- /dev/null
+++ b/src/pages/notice/states/readAlert.ts
@@ -0,0 +1,6 @@
+import { atom } from 'recoil';
+
+export const readAlert = atom({
+  key: 'readAlert',
+  default: false
+});

From 04987c7e5cb8a82be236ddb54024aa099b595a63 Mon Sep 17 00:00:00 2001
From: Suyeon <msjgr2801@gmail.com>
Date: Wed, 27 Sep 2023 17:29:51 +0900
Subject: [PATCH 02/13] =?UTF-8?q?=F0=9F=9A=A8=20Fix:=20=EB=AA=A8=EB=93=88?=
 =?UTF-8?q?=20=EC=95=88=20=EB=B6=88=EB=9F=AC=EC=98=A4=EB=8D=98=20=EB=AC=B8?=
 =?UTF-8?q?=EC=A0=9C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PostPreview/PostHeader.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/PostPreview/PostHeader.tsx b/src/components/PostPreview/PostHeader.tsx
index be5dda77..67f40842 100644
--- a/src/components/PostPreview/PostHeader.tsx
+++ b/src/components/PostPreview/PostHeader.tsx
@@ -3,6 +3,7 @@ import { Icon } from '../Icon';
 import { Avatar } from '../Avatar';
 import {
   AvatarContainer,
+  PostInfoContainer,
   PostDetailInfoContainer,
   UserContainer,
   NameContainer,

From 5a0c2bba2d6106449732d9aabe9a5e2d3ea208cc Mon Sep 17 00:00:00 2001
From: Suyeon <msjgr2801@gmail.com>
Date: Wed, 27 Sep 2023 17:31:34 +0900
Subject: [PATCH 03/13] =?UTF-8?q?=F0=9F=9A=A8=20Fix:=20PostContent=20?=
 =?UTF-8?q?=EB=AA=A8=EB=93=88=20=EC=95=88=20=EB=B6=88=EB=9F=AC=EC=98=A4?=
 =?UTF-8?q?=EB=8D=98=20=EB=AC=B8=EC=A0=9C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/postDetail/components/PostContent.style.ts | 2 +-
 src/pages/postDetail/components/PostContent.tsx      | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/pages/postDetail/components/PostContent.style.ts b/src/pages/postDetail/components/PostContent.style.ts
index 022b48c1..0eebb9a5 100644
--- a/src/pages/postDetail/components/PostContent.style.ts
+++ b/src/pages/postDetail/components/PostContent.style.ts
@@ -68,7 +68,7 @@ export const PostContentMenu = styled.div<PostContentMenuProps>`
     }
   }
 
-  & > p:first-child {
+  & > p:first-of-type {
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
   }
diff --git a/src/pages/postDetail/components/PostContent.tsx b/src/pages/postDetail/components/PostContent.tsx
index c7fef3c5..45534b6a 100644
--- a/src/pages/postDetail/components/PostContent.tsx
+++ b/src/pages/postDetail/components/PostContent.tsx
@@ -1,5 +1,5 @@
 import { useState, useRef } from 'react';
-import { Link, useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router-dom';
 import { useMutation } from '@tanstack/react-query';
 
 import type { User } from '@/types';
@@ -13,6 +13,7 @@ import {
   PostContentMenu,
   PostEditConfirmButtonContainer
 } from './PostContent.style';
+import PostHeader from '@components/PostPreview/PostHeader';
 import { Toast } from '@components/Toast';
 import { deletePost, putPost } from '@apis/posts';
 import { Button } from '@components/Button';

From 1573c39c676cd4ed4629d29d78f6a0810fceeb77 Mon Sep 17 00:00:00 2001
From: Suyeon <msjgr2801@gmail.com>
Date: Wed, 27 Sep 2023 17:37:22 +0900
Subject: [PATCH 04/13] =?UTF-8?q?=F0=9F=92=84=20Style:=20=EA=B2=80?=
 =?UTF-8?q?=EC=83=89=20=EA=B2=B0=EA=B3=BC=20scroll=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/layout/components/SearchBody.style.ts | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/pages/layout/components/SearchBody.style.ts b/src/pages/layout/components/SearchBody.style.ts
index 9668a4a2..6493ff44 100644
--- a/src/pages/layout/components/SearchBody.style.ts
+++ b/src/pages/layout/components/SearchBody.style.ts
@@ -8,11 +8,10 @@ export const SearchResultContainer = styled.div`
   top: 50px;
   left: 0;
   z-index: 1;
+  overflow-y: scroll;
 `;
 
-export const SearchResult = styled.div`
-  overflow: auto;
-`;
+export const SearchResult = styled.div``;
 
 export const SearchItem = styled.div`
   ${({ theme }) => theme.style.flexAlignCenter}

From a7c41a6f5d750410b9b7687326555b693cecc26c Mon Sep 17 00:00:00 2001
From: Suyeon <msjgr2801@gmail.com>
Date: Wed, 27 Sep 2023 17:37:30 +0900
Subject: [PATCH 05/13] =?UTF-8?q?=F0=9F=92=84=20Style:=20Header=20?=
 =?UTF-8?q?=EC=99=80=20=EA=B1=B0=EB=A6=AC=EB=91=90=EA=B8=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/postDetail/components/PostContent.style.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/pages/postDetail/components/PostContent.style.ts b/src/pages/postDetail/components/PostContent.style.ts
index 0eebb9a5..2cddfe8a 100644
--- a/src/pages/postDetail/components/PostContent.style.ts
+++ b/src/pages/postDetail/components/PostContent.style.ts
@@ -80,6 +80,7 @@ export const PostContentMenu = styled.div<PostContentMenuProps>`
 `;
 
 export const PostContentBody = styled.div`
+  margin-top: 10px;
   padding: 20px;
   width: 100%;
   line-height: 1.5;

From d48d5b30c34596af94b75568792a3a11a49f5d3a Mon Sep 17 00:00:00 2001
From: Suyeon <msjgr2801@gmail.com>
Date: Wed, 27 Sep 2023 17:49:12 +0900
Subject: [PATCH 06/13] =?UTF-8?q?=F0=9F=92=84=20Style:=20FollowButton=20St?=
 =?UTF-8?q?yle=20=ED=86=B5=EC=9D=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/profile/components/FollowButton.tsx       |  3 ++-
 src/pages/profile/components/FollowUser.style.ts    |  6 ------
 src/pages/profile/components/FollowUser.tsx         |  2 +-
 src/pages/profile/components/ProfileHeader.style.ts | 11 ++---------
 4 files changed, 5 insertions(+), 17 deletions(-)

diff --git a/src/pages/profile/components/FollowButton.tsx b/src/pages/profile/components/FollowButton.tsx
index f14ab096..ff64767e 100644
--- a/src/pages/profile/components/FollowButton.tsx
+++ b/src/pages/profile/components/FollowButton.tsx
@@ -22,7 +22,7 @@ const FollowButton = ({
   followingUserId,
   possibleDeleteFollow,
   followedThisUser = true,
-  width = 68,
+  width = 80,
   height = 30,
   fontSize = 12,
   refetch
@@ -67,6 +67,7 @@ const FollowButton = ({
     <Button
       width={width}
       height={height}
+      borderRadius={30}
       label={followed ? '팔로잉' : '팔로우'}
       fontSize={fontSize}
       bold={true}
diff --git a/src/pages/profile/components/FollowUser.style.ts b/src/pages/profile/components/FollowUser.style.ts
index 96b53eac..27e6ae4c 100644
--- a/src/pages/profile/components/FollowUser.style.ts
+++ b/src/pages/profile/components/FollowUser.style.ts
@@ -10,10 +10,4 @@ export const FollowUserContainer = styled.div`
   &:active {
     background-color: ${({ theme }) => theme.color.white900};
   }
-
-  & > button {
-    display: inline-block;
-    border-radius: 30px;
-    font-size: 12px;
-  }
 `;
diff --git a/src/pages/profile/components/FollowUser.tsx b/src/pages/profile/components/FollowUser.tsx
index a2772adc..00ef25ac 100644
--- a/src/pages/profile/components/FollowUser.tsx
+++ b/src/pages/profile/components/FollowUser.tsx
@@ -31,7 +31,7 @@ const FollowUser = ({
           followingDataId={followDataId}
           followingUserId={_id}
           possibleDeleteFollow={possibleDeleteFollow}
-          FollowedThisUser={FollowedThisUser}
+          followedThisUser={FollowedThisUser}
         />
       }
     </FollowUserContainer>
diff --git a/src/pages/profile/components/ProfileHeader.style.ts b/src/pages/profile/components/ProfileHeader.style.ts
index 8a38af73..b8fcf142 100644
--- a/src/pages/profile/components/ProfileHeader.style.ts
+++ b/src/pages/profile/components/ProfileHeader.style.ts
@@ -8,19 +8,16 @@ export const ProfileHeaderButtonContainer = styled.div`
   position: absolute;
   top: 10px;
   right: 20px;
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
   ${({ theme }) => theme.style.flexCenter};
   > button {
-<<<<<<< HEAD
     transition: all 0.2s ease-out;
     :active {
       background-color: ${({ theme }) => theme.color.white800};
+      transform: scale(0.9);
     }
     :hover {
       background-color: ${({ theme }) => theme.color.white800};
-=======
+      transform: scale(0.9);
     transition: all 0.3s ease-in-out;
     ${({ theme }) => theme.style.flexCenter};
     margin-right: 6px;
@@ -28,9 +25,5 @@ export const ProfileHeaderButtonContainer = styled.div`
     &:last-child {
       margin-right: 0;
     }
-    :active {
-      transform: scale(0.9);
->>>>>>> a20a74fdbfb510e43a6df37cf2af1283d351403d
-    }
   }
 `;

From a0efbdead603d2b24a7e309abcea858e5b6b40fa Mon Sep 17 00:00:00 2001
From: Suyeon <msjgr2801@gmail.com>
Date: Wed, 27 Sep 2023 17:50:20 +0900
Subject: [PATCH 07/13] =?UTF-8?q?=F0=9F=9A=A8=20Fix:=20Skeleton=20UI=20?=
 =?UTF-8?q?=EB=91=90=EB=B2=88=20=EB=B3=B4=EC=97=AC=EC=A7=80=EB=8A=94=20?=
 =?UTF-8?q?=EB=AC=B8=EC=A0=9C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/posts/Posts.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/posts/Posts.tsx b/src/pages/posts/Posts.tsx
index 39bd089f..62a789e4 100644
--- a/src/pages/posts/Posts.tsx
+++ b/src/pages/posts/Posts.tsx
@@ -58,7 +58,7 @@ const Posts = () => {
       const { lastChild } = postsRef.current;
       lastChild && observe(lastChild);
     }
-  }, [postsData, observe]);
+  }, [postsData]);
 
   const clickThemePicker = (selected: ThemeInfoType) => {
     setChannel(selected);

From 31f7fc424a1eea8d8b35caef24f3153c98bcf9dc Mon Sep 17 00:00:00 2001
From: Suyeon <msjgr2801@gmail.com>
Date: Wed, 27 Sep 2023 17:51:01 +0900
Subject: [PATCH 08/13] =?UTF-8?q?=F0=9F=9A=A8=20Fix:=20=EC=A4=91=EB=B3=B5?=
 =?UTF-8?q?=20prop=20=EC=82=AD=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Button/Button.tsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/components/Button/Button.tsx b/src/components/Button/Button.tsx
index caaebf95..2e09008c 100644
--- a/src/components/Button/Button.tsx
+++ b/src/components/Button/Button.tsx
@@ -15,7 +15,6 @@ interface ButtonProps {
   children?: React.ReactNode;
   disabled?: boolean;
   padding?: boolean;
-  border?: string;
   backgroundColor?: keyof typeof color;
 }
 
@@ -53,5 +52,4 @@ const Button = ({
   );
 };
 
-
 export default Button;

From b8a48ab2654a2537ab5f58a976013da74adea9df Mon Sep 17 00:00:00 2001
From: Suyeon <msjgr2801@gmail.com>
Date: Wed, 27 Sep 2023 18:04:50 +0900
Subject: [PATCH 09/13] =?UTF-8?q?=F0=9F=92=84=20Style:=20=EC=9B=90=20pixel?=
 =?UTF-8?q?=20=EC=95=88=20=EB=A7=9E=EB=8A=94=20=EB=AC=B8=EC=A0=9C=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/postDetail/components/PostContent.style.ts | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/pages/postDetail/components/PostContent.style.ts b/src/pages/postDetail/components/PostContent.style.ts
index 2cddfe8a..f8b46bc1 100644
--- a/src/pages/postDetail/components/PostContent.style.ts
+++ b/src/pages/postDetail/components/PostContent.style.ts
@@ -21,13 +21,13 @@ export const PostContentHeader = styled.header`
 
 export const PostContentMenuIconContainer = styled.div<PostContentMenuProps>`
   ${({ theme }) => theme.style.flexCenter}
-  user-select: none;
   position: relative;
   cursor: pointer;
-  width: 50px;
-  height: 100%;
+  width: 54px;
+  height: 50px;
   border-radius: 50%;
   border-left: none;
+  margin: 0;
   z-index: 2;
   > span {
     transition: transform 0.4s ease-in-out;
@@ -42,6 +42,7 @@ export const PostContentMenuIconContainer = styled.div<PostContentMenuProps>`
 
 export const PostContentMenu = styled.div<PostContentMenuProps>`
   z-index: 1;
+
   ${({ theme }) => theme.style.flexAlignCenter}
   flex-direction: column;
   justify-content: space-around;

From 6cf9c849fefa0304a23bb27a12ba354caae927f4 Mon Sep 17 00:00:00 2001
From: Suyeon <msjgr2801@gmail.com>
Date: Wed, 27 Sep 2023 18:09:21 +0900
Subject: [PATCH 10/13] =?UTF-8?q?=F0=9F=94=A8=20Refactoring:=20No=20Posts?=
 =?UTF-8?q?=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EB=B6=84=EB=A6=AC?=
 =?UTF-8?q?=ED=95=98=EA=B8=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/posts/Posts.style.ts                   |  9 +--------
 src/pages/posts/Posts.tsx                        |  6 +++---
 .../posts/components/NoPosts/NoPosts.style.ts    | 13 +++++++++++++
 src/pages/posts/components/NoPosts/NoPosts.tsx   | 11 +++++++++++
 src/pages/posts/components/NoPosts/index.ts      |  0
 .../SkeletonPosts/SkeletonPosts.style.ts         |  7 -------
 .../components/SkeletonPosts/SkeletonPosts.tsx   | 16 ----------------
 .../posts/components/SkeletonPosts/index.ts      |  3 ---
 8 files changed, 28 insertions(+), 37 deletions(-)
 create mode 100644 src/pages/posts/components/NoPosts/NoPosts.style.ts
 create mode 100644 src/pages/posts/components/NoPosts/NoPosts.tsx
 create mode 100644 src/pages/posts/components/NoPosts/index.ts
 delete mode 100644 src/pages/posts/components/SkeletonPosts/SkeletonPosts.style.ts
 delete mode 100644 src/pages/posts/components/SkeletonPosts/SkeletonPosts.tsx
 delete mode 100644 src/pages/posts/components/SkeletonPosts/index.ts

diff --git a/src/pages/posts/Posts.style.ts b/src/pages/posts/Posts.style.ts
index fb6ae715..ad08a501 100644
--- a/src/pages/posts/Posts.style.ts
+++ b/src/pages/posts/Posts.style.ts
@@ -13,13 +13,6 @@ const ThemePickerContainer = styled.div`
   ${({ theme }) => theme.style.flexCenter};
 `;
 
-const StyledNoPosts = styled.div`
-  width: 100%;
-  height: 300px;
-  ${({ theme }) => theme.style.flexCenter};
-  color: ${({ theme }) => theme.color.greyLight};
-`;
-
 const PostsContainer = styled.div``;
 
-export { StyledPostsPage, ThemePickerContainer, PostsContainer, StyledNoPosts };
+export { StyledPostsPage, ThemePickerContainer, PostsContainer };
diff --git a/src/pages/posts/Posts.tsx b/src/pages/posts/Posts.tsx
index 62a789e4..9a28bbb7 100644
--- a/src/pages/posts/Posts.tsx
+++ b/src/pages/posts/Posts.tsx
@@ -13,11 +13,11 @@ import { editPostData } from './utils/editPostData';
 import useObserver from './hooks/useObserver';
 import {
   PostsContainer,
-  StyledNoPosts,
   StyledPostsPage,
   ThemePickerContainer
 } from './Posts.style';
 import { CONCENTRATION_KEY } from '@pages/meditation/constants';
+import NoPosts from './components/NoPosts/NoPosts';
 
 const Posts = () => {
   const locate = useLocation();
@@ -80,7 +80,7 @@ const Posts = () => {
         />
       )}
       <PostsContainer ref={postsRef}>
-        {postsData.length >= 0 ? (
+        {postsData.length > 0 ? (
           postsData.map((post: EditedPost, index) => {
             const { content, likes, comments } = post;
             return (
@@ -96,7 +96,7 @@ const Posts = () => {
             );
           })
         ) : (
-          <StyledNoPosts>현재 발행된 포스트가 없습니다.</StyledNoPosts>
+          <NoPosts />
         )}
       </PostsContainer>
     </StyledPostsPage>
diff --git a/src/pages/posts/components/NoPosts/NoPosts.style.ts b/src/pages/posts/components/NoPosts/NoPosts.style.ts
new file mode 100644
index 00000000..48de0dca
--- /dev/null
+++ b/src/pages/posts/components/NoPosts/NoPosts.style.ts
@@ -0,0 +1,13 @@
+import styled from '@emotion/styled';
+
+export const NoPostsContainer = styled.div`
+  width: 100%;
+  height: 100%;
+  background-color: ${({ theme }) => theme.color.white};
+`;
+export const NoPostsText = styled.p`
+  width: 100%;
+  height: 200px;
+  ${({ theme }) => theme.style.flexCenter};
+  color: ${({ theme }) => theme.color.greyLight};
+`;
diff --git a/src/pages/posts/components/NoPosts/NoPosts.tsx b/src/pages/posts/components/NoPosts/NoPosts.tsx
new file mode 100644
index 00000000..d974ed0c
--- /dev/null
+++ b/src/pages/posts/components/NoPosts/NoPosts.tsx
@@ -0,0 +1,11 @@
+import { NoPostsContainer, NoPostsText } from './NoPosts.style';
+
+const NoPosts = () => {
+  return (
+    <NoPostsContainer>
+      <NoPostsText>현재 채널에 작성된 포스트가 없습니다.</NoPostsText>
+    </NoPostsContainer>
+  );
+};
+
+export default NoPosts;
diff --git a/src/pages/posts/components/NoPosts/index.ts b/src/pages/posts/components/NoPosts/index.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/src/pages/posts/components/SkeletonPosts/SkeletonPosts.style.ts b/src/pages/posts/components/SkeletonPosts/SkeletonPosts.style.ts
deleted file mode 100644
index 7c348a1b..00000000
--- a/src/pages/posts/components/SkeletonPosts/SkeletonPosts.style.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import styled from '@emotion/styled';
-
-export const SkeletonPostingPage = styled.div`
-  width: 100%;
-  height: 100%;
-  background-color: ${({ theme }) => theme.color.white};
-`;
diff --git a/src/pages/posts/components/SkeletonPosts/SkeletonPosts.tsx b/src/pages/posts/components/SkeletonPosts/SkeletonPosts.tsx
deleted file mode 100644
index ab791551..00000000
--- a/src/pages/posts/components/SkeletonPosts/SkeletonPosts.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { PostPreviewSkeleton } from '@/components/Skeleton';
-import { SkeletonPostingPage } from './SkeletonPosts.style';
-
-const SkeletonPosting = () => {
-  return (
-    <SkeletonPostingPage>
-      <PostPreviewSkeleton />
-      <PostPreviewSkeleton />
-      <PostPreviewSkeleton />
-      <PostPreviewSkeleton />
-      <PostPreviewSkeleton />
-    </SkeletonPostingPage>
-  );
-};
-
-export default SkeletonPosting;
diff --git a/src/pages/posts/components/SkeletonPosts/index.ts b/src/pages/posts/components/SkeletonPosts/index.ts
deleted file mode 100644
index 1ca5ebca..00000000
--- a/src/pages/posts/components/SkeletonPosts/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import SkeletonPosts from './SkeletonPosts';
-
-export { SkeletonPosts };

From 6cdc9da79ef3a77a0b759879562177011c8dc0ac Mon Sep 17 00:00:00 2001
From: Suyeon <msjgr2801@gmail.com>
Date: Wed, 27 Sep 2023 18:12:45 +0900
Subject: [PATCH 11/13] =?UTF-8?q?=F0=9F=92=84=20Style:=20=EB=B9=84?=
 =?UTF-8?q?=EB=B0=80=EB=B2=88=ED=98=B8=20=EB=B3=80=EA=B2=BD=20=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=EB=A1=9C=EA=B3=A0=20=EC=97=86=EC=95=A0?=
 =?UTF-8?q?=EA=B8=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/landing/Landing.style.tsx          | 2 +-
 src/pages/password-update/PasswordUpdate.tsx | 3 ---
 2 files changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/pages/landing/Landing.style.tsx b/src/pages/landing/Landing.style.tsx
index 488bbef6..a32e97f5 100644
--- a/src/pages/landing/Landing.style.tsx
+++ b/src/pages/landing/Landing.style.tsx
@@ -3,7 +3,7 @@ import logo from '../../assets/logo.svg';
 
 export const LandingMain = styled.main`
   background: ${({ theme }) => theme.color.linearGradientPurple};
-  ${({ theme }) => theme.style.flexAlignCenter};
+  ${({ theme }) => theme.style.flexCenter};
   flex-direction: column;
   width: 100%;
   height: 100%;
diff --git a/src/pages/password-update/PasswordUpdate.tsx b/src/pages/password-update/PasswordUpdate.tsx
index 99a702b9..b008a0d4 100644
--- a/src/pages/password-update/PasswordUpdate.tsx
+++ b/src/pages/password-update/PasswordUpdate.tsx
@@ -66,9 +66,6 @@ const PasswordUpdate = () => {
 
   return (
     <LandingMain>
-      <HeadingContentContainer>
-        <Heading />
-      </HeadingContentContainer>
       {passwordChanged && (
         <Alert
           emoji={'✅'}

From 765433c932301799793f9c0af7eee96d5b126f95 Mon Sep 17 00:00:00 2001
From: Suyeon <msjgr2801@gmail.com>
Date: Wed, 27 Sep 2023 18:15:10 +0900
Subject: [PATCH 12/13] =?UTF-8?q?=E2=9C=A8=20Feat:=20=EB=A1=9C=EA=B3=A0=20?=
 =?UTF-8?q?=EB=88=84=EB=A5=B4=EB=A9=B4=20=EB=A9=94=EC=9D=B8=20=ED=99=94?=
 =?UTF-8?q?=EB=A9=B4=EC=9C=BC=EB=A1=9C=20=EC=9D=B4=EB=8F=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/layout/components/PathNav.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/pages/layout/components/PathNav.tsx b/src/pages/layout/components/PathNav.tsx
index 0067e8b4..c54c4654 100644
--- a/src/pages/layout/components/PathNav.tsx
+++ b/src/pages/layout/components/PathNav.tsx
@@ -2,6 +2,7 @@ import { useNavigate } from 'react-router-dom';
 import { Button } from '@components/Button';
 import { Icon } from '@components/Icon';
 import { Logo, PathNavContainer } from './PathNav.style';
+import { Link } from '@components/Link';
 
 interface pathNavProps {
   pathStatus: 'back' | 'home';
@@ -26,7 +27,11 @@ const PathNav = ({ pathStatus }: pathNavProps) => {
           />
         </Button>
       ) : (
-        <Logo />
+        <Link
+          pageLink='/posts'
+          setActiveStyle={false}>
+          <Logo />
+        </Link>
       )}
     </PathNavContainer>
   );

From a543cb0c2fd291dc292918de7bde5cc8db9c5ef3 Mon Sep 17 00:00:00 2001
From: Suyeon <msjgr2801@gmail.com>
Date: Wed, 27 Sep 2023 18:16:39 +0900
Subject: [PATCH 13/13] =?UTF-8?q?=F0=9F=9A=A8=20Fix:=20=EC=A4=91=EB=B3=B5?=
 =?UTF-8?q?=20import=20=EB=AC=B8=EC=A0=9C=20=ED=95=B4=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/layout/components/IconNav.tsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/pages/layout/components/IconNav.tsx b/src/pages/layout/components/IconNav.tsx
index 55113b5d..940cfe39 100644
--- a/src/pages/layout/components/IconNav.tsx
+++ b/src/pages/layout/components/IconNav.tsx
@@ -7,8 +7,6 @@ import { AlertButton, SearchButton } from '@pages/layout/components';
 import useSessionStorage from '@hooks/useSessionStorage';
 import { LoginConfirm } from '@components/Confirm';
 import { EtcNavContainer } from './IconNav.style';
-import { User } from '@/types';
-
 
 interface EtcNavProps {
   handleOpenSearchBox: () => void;