From 7eb83bcbd1a2f760a52eccbf12cb607e65b07434 Mon Sep 17 00:00:00 2001
From: jellie <talentforest0501@gmail.com>
Date: Fri, 4 Jul 2025 13:38:38 +0900
Subject: [PATCH 01/12] =?UTF-8?q?feat:=20FAQ=20=EB=8B=B5=EB=B3=80=20?=
 =?UTF-8?q?=EB=8D=B0=EC=9D=B4=ED=84=B0=20=EB=93=B1=EB=A1=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/constants/faq.ts | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/constants/faq.ts b/src/constants/faq.ts
index a7058ac7..0e40b26a 100644
--- a/src/constants/faq.ts
+++ b/src/constants/faq.ts
@@ -1,9 +1,20 @@
 export type FAQ = { title: string; body: string };
 
 export const faqList: FAQ[] = [
-  { title: 'Sprout는 어떤 서비스인가요?', body: '' },
-  { title: '식당은 어떻게 제보할 수 있나요?', body: '' },
-  { title: '찾는 도메인이 없을 땐 어떻게 하나요?', body: '' },
-  { title: '메인 화면은 커스터마이징이 가능한가요?', body: '' },
-  { title: '회원탈퇴는 어떻게 하나요?', body: '회원탈퇴하기' },
+  {
+    title: 'Sprout는 어떤 서비스인가요?',
+    body: 'Sprout는 SeSAC 교육생을 위한 맞춤형 웹 플랫폼으로, 일정 관리, 공지 확인, 맛집 추천, 스터디/프로젝트 모집 등을 통해 캠퍼스 생활을 더 편리하게 만들어줍니다.',
+  },
+  {
+    title: '식당은 어떻게 제보할 수 있나요?',
+    body: '[맛집] 메뉴에서 ‘맛집 제보하기’ 버튼을 눌러 새로운 식당을 등록하거나 기존 정보의 수정을 요청할 수 있습니다.',
+  },
+  {
+    title: '메인 화면은 커스터마이징이 가능한가요?',
+    body: '네, 관심 직무, 도메인, 기술 스택을 설정하면 메인 위젯이 개인화되어 맞춤 정보를 제공합니다.',
+  },
+  {
+    title: '회원탈퇴는 어떻게 하나요?',
+    body: '하단의 ‘회원 탈퇴하기’ 버튼을 누른 후, 회원탈퇴 유의사항을 확인한 후 탈퇴 사유를 작성해주시면 계정이 완전히 삭제됩니다. 탈퇴 시 모든 정보는 복구되지 않습니다.',
+  },
 ];

From ef1beafd670cd0983d030eda2cc5e1bdd79b4776 Mon Sep 17 00:00:00 2001
From: jellie <talentforest0501@gmail.com>
Date: Sun, 6 Jul 2025 00:32:43 +0900
Subject: [PATCH 02/12] =?UTF-8?q?design:=20=ED=94=84=EB=A1=9C=EC=A0=9D?=
 =?UTF-8?q?=ED=8A=B8=EC=99=80=20=EA=B3=B5=EC=A7=80=EC=82=AC=ED=95=AD=20?=
 =?UTF-8?q?=EB=94=94=ED=85=8C=EC=9D=BC=20=ED=8E=98=EC=9D=B4=EC=A7=80=20ui?=
 =?UTF-8?q?=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/button/BackButton.tsx   |   2 +-
 .../common/button/FavoriteButton.tsx          |   6 +-
 src/components/common/button/SquareButton.tsx |   2 +-
 .../common/post-template/CommentTemplate.tsx  |  54 +++---
 .../post-template/PostDetailsTemplate.tsx     |  10 +-
 src/components/faq/Faq.tsx                    |  35 ++--
 .../lounge/LoungeApplicationInfoTemplate.tsx  |  15 +-
 .../lounge/detail/ContactMethodDetail.tsx     |  14 +-
 .../notice/NoticeApplicationInfoTemplate.tsx  |  50 +++---
 .../SessionApplicantManagementDetail.tsx      |   2 +-
 src/pages/trainee/LoungeDetail.tsx            | 101 ++++++-----
 src/pages/trainee/NoticeDetail.tsx            | 158 +++++++++---------
 12 files changed, 227 insertions(+), 222 deletions(-)

diff --git a/src/components/common/button/BackButton.tsx b/src/components/common/button/BackButton.tsx
index 9ff803ce..591fff76 100644
--- a/src/components/common/button/BackButton.tsx
+++ b/src/components/common/button/BackButton.tsx
@@ -17,7 +17,7 @@ export default function BackButton({ onClick }: BackButtonProps) {
     <button
       type="button"
       onClick={onBackClick}
-      className="flex size-10 h-[38px] w-[38px] items-center justify-center rounded bg-mainGreen text-white"
+      className="flex size-8 items-center justify-center rounded bg-mainGreen text-white"
     >
       <Icon name="ChevronLeft" />
     </button>
diff --git a/src/components/common/button/FavoriteButton.tsx b/src/components/common/button/FavoriteButton.tsx
index 1af444c3..b81c1b9c 100644
--- a/src/components/common/button/FavoriteButton.tsx
+++ b/src/components/common/button/FavoriteButton.tsx
@@ -18,12 +18,14 @@ export default function FavoriteButton({
   onClick,
   disabled,
 }: FavoriteButtonProps) {
+  const iconClassName = 'cursor-pointer text-mainGreen';
+
   return (
     <button type="button" onClick={onClick} disabled={disabled}>
       {isFavorite ? (
-        <BsHeartFill size={size} className="cursor-pointer text-mainGreen" />
+        <BsHeartFill size={size} className={iconClassName} />
       ) : (
-        <BsHeart size={size} className="cursor-pointer text-mainGreen" />
+        <BsHeart size={size} className={iconClassName} />
       )}
     </button>
   );
diff --git a/src/components/common/button/SquareButton.tsx b/src/components/common/button/SquareButton.tsx
index f19d9dce..e6a2b28f 100644
--- a/src/components/common/button/SquareButton.tsx
+++ b/src/components/common/button/SquareButton.tsx
@@ -41,7 +41,7 @@ export default function SquareButton({
   return (
     <button
       type={type === 'submit' ? 'submit' : 'button'}
-      className={`rounded-lg ${colorStyle} px-4 py-2 tracking-tight ${className}`}
+      className={`cursor-pointer rounded-lg ${colorStyle} px-4 py-2 tracking-tight ${className}`}
       onClick={onClick}
       title={name}
       disabled={disabled}
diff --git a/src/components/common/post-template/CommentTemplate.tsx b/src/components/common/post-template/CommentTemplate.tsx
index b01dd655..19a66cf1 100644
--- a/src/components/common/post-template/CommentTemplate.tsx
+++ b/src/components/common/post-template/CommentTemplate.tsx
@@ -37,7 +37,7 @@ export default function CommentTemplate({ postId }: CommentTemplateProps) {
 
   return (
     <section className="mb-24 mt-10">
-      <header className="flex gap-2 text-2xl font-semibold">
+      <header className="flex gap-2 pl-2 text-xl font-semibold">
         <h4 className="">댓글</h4>
         <span className="text-mainGreen">{commentList.length}</span>
       </header>
@@ -45,20 +45,20 @@ export default function CommentTemplate({ postId }: CommentTemplateProps) {
       <form onSubmit={handleSubmit(onSubmit)} className="flex flex-col">
         <textarea
           {...register('content')}
-          className="my-2.5 w-full resize-none rounded border border-solid border-lightGray p-[15px] outline-none"
+          className="mb-3 mt-2.5 w-full resize-none rounded-lg border border-solid border-mainGray p-[15px] outline-none"
           placeholder="댓글을 작성해 주세요."
           rows={5}
         />
         <SquareButton
           type="submit"
-          name="등록"
-          className="self-end px-5"
+          name="등록하기"
+          className="w-[35%] min-w-[200px] self-end py-2"
           disabled={isPostCommentPending}
         />
       </form>
 
       {!isCommentListLoading && (
-        <ul className="mt-8 flex flex-col gap-8">
+        <ul className="mt-20 flex flex-col gap-y-10">
           {commentList.map(
             ({
               id,
@@ -67,13 +67,13 @@ export default function CommentTemplate({ postId }: CommentTemplateProps) {
               createAt,
             }) => (
               <li key={id} className="flex w-full flex-col gap-2">
-                <div className="flex items-center justify-between gap-2">
+                <div className="flex items-center gap-2">
                   <div className="flex items-center gap-1">
                     <UserImage
                       className="size-[30px]"
                       imageNameSegment={profileImg ?? ''}
                     />
-                    <span className="text-[15px]">
+                    <span className="text-[15px] font-medium">
                       {nickname ? `@${nickname}` : '-'}
                     </span>
                     <Tag
@@ -85,17 +85,17 @@ export default function CommentTemplate({ postId }: CommentTemplateProps) {
 
                   {nickname === profileCard?.profile?.nickname &&
                     !isEditingComment.isEditing && (
-                      <div className="flex items-center gap-3">
+                      <div className="ml-5 flex items-center gap-2">
                         <EditButton
                           label="댓글 수정하기"
                           onClick={() => {
                             toggleEditingComment(id);
                             reset({ editedContent: content });
                           }}
-                          className="!size-4 pb-0.5"
+                          className="!size-5"
                         />
                         <TrashButton
-                          className="!size-5 pt-0.5"
+                          className="!size-5 p-[1px]"
                           onConfirmClick={() => onDeleteCommentClick(id)}
                           disabled={isDeleteCommentPending}
                         />
@@ -113,29 +113,39 @@ export default function CommentTemplate({ postId }: CommentTemplateProps) {
                   >
                     <textarea
                       {...register('editedContent')}
-                      className="mb-2 w-full resize-none rounded border border-solid border-lightGray p-[15px] focus:outline-none"
+                      className="mb-2 w-full resize-none rounded-lg border border-mainGray p-[15px] focus:outline-none"
                       placeholder="댓글을 수정해 주세요."
                       rows={5}
                     />
-
-                    <div className="flex items-center justify-between">
-                      <span className="text-darkGray">
-                        {formatDate(createAt, 'yyyy.MM.dd HH:mm')}
-                      </span>
+                    <div className="flex items-start justify-between">
+                      <div>
+                        <span className="pr-3 text-darkGray">
+                          {formatDate(createAt, 'yyyy.MM.dd')}
+                        </span>
+                        <span className="text-darkGray">
+                          {formatDate(createAt, 'HH:mm')}
+                        </span>
+                      </div>
                       <SquareButton
                         type="submit"
-                        name="수정"
-                        className="self-end px-5"
+                        name="수정하기"
+                        color="lightGreen"
+                        className="w-[25%] min-w-[200px] self-end !py-2"
                         disabled={isEditCommentPending}
                       />
                     </div>
                   </form>
                 ) : (
                   <>
-                    <p className="my-3">{content}</p>
-                    <span className="text-darkGray">
-                      {formatDate(createAt, 'yyyy.MM.dd HH:mm')}
-                    </span>
+                    <p className="mb-3 mt-2">{content}</p>
+                    <div>
+                      <span className="pr-3 text-darkGray">
+                        {formatDate(createAt, 'yyyy.MM.dd')}
+                      </span>
+                      <span className="text-darkGray">
+                        {formatDate(createAt, 'HH:mm')}
+                      </span>
+                    </div>
                   </>
                 )}
               </li>
diff --git a/src/components/common/post-template/PostDetailsTemplate.tsx b/src/components/common/post-template/PostDetailsTemplate.tsx
index cf4e1bbe..7f2767ba 100644
--- a/src/components/common/post-template/PostDetailsTemplate.tsx
+++ b/src/components/common/post-template/PostDetailsTemplate.tsx
@@ -30,16 +30,14 @@ export default function PostDetailsTemplate({
 }: PostDetailsTemplateProps) {
   return (
     <>
-      <header className="mt-12 flex items-center justify-between border-b border-b-lightGray pb-6">
+      <header className="mb-5 mt-7 flex items-center justify-between border-b border-b-mainGray pb-5">
         <div>
           <div className="flex items-center gap-2">
             <UserImage imageNameSegment={imageNameSegment} />
-            <span className="text-[22px]">
-              {nickname ? `@${nickname}` : name}
-            </span>
+            <span className="text-xl">{nickname ? `@${nickname}` : name}</span>
           </div>
 
-          <ul className="mt-3 flex items-center gap-10 text-lg text-darkGray-active">
+          <ul className="mt-3 flex items-center gap-10 text-lg text-darkGray-hover">
             <li className="flex items-center gap-3">
               <span>작성일</span>
               <span>
@@ -70,7 +68,7 @@ export default function PostDetailsTemplate({
 
       <article
         id="quill-content"
-        className="ql-editor mt-6 text-lg"
+        className="ql-editor !mt-0 !p-0"
         dangerouslySetInnerHTML={{ __html: description || '' }}
       />
     </>
diff --git a/src/components/faq/Faq.tsx b/src/components/faq/Faq.tsx
index f5685a37..5ab25912 100644
--- a/src/components/faq/Faq.tsx
+++ b/src/components/faq/Faq.tsx
@@ -15,25 +15,24 @@ export default function Faq({ faq }: Props) {
     <Accordion
       title={faq.title}
       className="border-l-[8px] border-[#ffe96f]"
-      titleClassName="text-lg p-5"
+      titleClassName="[&>h3]:text-lg [&>h3]:pl-4 [&>button]:p-5"
     >
-      <p className="px-5 pb-4 pt-0">
-        {faq.body === '' ? (
-          'Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis optioprovident possimus quibusdam. Quia voluptas ea iusto! Error, quae? Ipsamea deserunt soluta molestiae error iusto a incidunt neque hic.'
-        ) : (
-          <button
-            type="button"
-            onClick={async () => {
-              await showDialog({
-                key: 'MEMBERSHIP-LEAVE-TYPE',
-                element: <MembershipLeaveModal />,
-              });
-            }}
-          >
-            {faq.body}
-          </button>
-        )}
-      </p>
+      <p className="p-5 pl-4 pt-2 text-start text-base">{faq.body}</p>
+
+      {faq.title.includes('탈퇴') && (
+        <button
+          type="button"
+          onClick={async () => {
+            await showDialog({
+              key: 'MEMBERSHIP-LEAVE-TYPE',
+              element: <MembershipLeaveModal />,
+            });
+          }}
+          className="mx-5 mb-5 rounded-lg bg-lightGray-active px-4 py-2 text-base"
+        >
+          회원 탈퇴하기
+        </button>
+      )}
     </Accordion>
   );
 }
diff --git a/src/components/lounge/LoungeApplicationInfoTemplate.tsx b/src/components/lounge/LoungeApplicationInfoTemplate.tsx
index 2ae59ff1..00356d50 100644
--- a/src/components/lounge/LoungeApplicationInfoTemplate.tsx
+++ b/src/components/lounge/LoungeApplicationInfoTemplate.tsx
@@ -24,6 +24,7 @@ export default function LoungeApplicationInfoTemplate({
   | 'contactDetail'
   | 'meetingType'
   | 'techStack'
+  | 'ptype'
 >) {
   const loungeApplicationInfo = [
     {
@@ -58,12 +59,12 @@ export default function LoungeApplicationInfoTemplate({
     {
       type: '스택',
       data: techStack && (
-        <ul className="flex w-full flex-1 flex-wrap gap-1">
+        <ul className="flex w-full flex-1 flex-wrap gap-2">
           {techStack
             ?.sort((a, b) => a.jobName.localeCompare(b.jobName))
             ?.sort((a, b) => a.name.localeCompare(b.name))
             .map(({ id, path, name }) => (
-              <img key={id} src={path} alt={name} className="size-10" />
+              <img key={id} src={path} alt={name} className="size-7" />
             ))}
         </ul>
       ),
@@ -84,11 +85,13 @@ export default function LoungeApplicationInfoTemplate({
   ] as const;
 
   return (
-    <ul className="mt-4 grid list-none grid-cols-2 gap-5 rounded-[20px] bg-white p-4 px-5 py-6">
+    <ul className="grid list-none grid-cols-2 gap-x-4 gap-y-3 rounded-[20px] bg-white p-7">
       {loungeApplicationInfo.map(({ type, data }) => (
-        <li key={type} className="flex items-center gap-3 text-[22px]">
-          <h4 className="min-w-10 text-mainGray-active">{type}</h4>
-          <span className="mx-2 text-mainGray-active">|</span>
+        <li key={type} className="flex items-center gap-2.5 text-xl">
+          <h4 className="min-w-12 border-r-2 leading-[23px] tracking-tighter text-mainGray-active">
+            {type}
+          </h4>
+
           {data}
         </li>
       ))}
diff --git a/src/components/lounge/detail/ContactMethodDetail.tsx b/src/components/lounge/detail/ContactMethodDetail.tsx
index 6ff3d265..c56b25c0 100644
--- a/src/components/lounge/detail/ContactMethodDetail.tsx
+++ b/src/components/lounge/detail/ContactMethodDetail.tsx
@@ -32,15 +32,13 @@ export default function ContactMethodDetail({
   };
 
   const commonContactMethodStyle =
-    'decoration-gray-1 underline decoration-solid decoration-0 flex gap-1 item-center';
+    'underline underline-offset-[2px] flex gap-1 item-center';
 
   return contactMethod === CONTACT_METHOD_MESSENGER ? (
-    <div className={commonContactMethodStyle}>
-      <a href={contactDetail}>
-        {contactMethod ? contactMethodDisplay[contactMethod] : '-'}
-      </a>
-      <BsLink45Deg size={22} className="mt-1" />
-    </div>
+    <a href={contactDetail} className={` ${commonContactMethodStyle}`}>
+      {contactMethod ? contactMethodDisplay[contactMethod] : '-'}
+      <BsLink45Deg size={20} className="mt-1.5" />
+    </a>
   ) : (
     <button
       type="button"
@@ -48,7 +46,7 @@ export default function ContactMethodDetail({
       className={commonContactMethodStyle}
     >
       {contactMethod ? contactMethodDisplay[contactMethod] : '-'}
-      <BsCopy className="ml-1 mt-1" size={22} />
+      <BsCopy className="ml-1 mt-1.5" size={20} />
     </button>
   );
 }
diff --git a/src/components/notice/NoticeApplicationInfoTemplate.tsx b/src/components/notice/NoticeApplicationInfoTemplate.tsx
index ca5fb1e4..c28c45cb 100644
--- a/src/components/notice/NoticeApplicationInfoTemplate.tsx
+++ b/src/components/notice/NoticeApplicationInfoTemplate.tsx
@@ -26,8 +26,8 @@ export default function NoticeApplicationInfoTemplate({
     {
       type: '신청기간',
       data: (
-        <>
-          <div className="mb-1.5 flex flex-wrap gap-1.5 tracking-normal">
+        <div className="flex flex-wrap gap-2.5">
+          <div className="flex flex-wrap gap-1.5 tracking-normal">
             <Tag
               text="시작"
               color="grayLight"
@@ -35,39 +35,44 @@ export default function NoticeApplicationInfoTemplate({
               className="!px-2.5 !py-0"
             />
 
-            <span className="flex-1 pr-1">
+            <span className="inline-block shrink-0">
               {formatDate(applicationStartDateTime, 'yyyy.MM.dd')}
             </span>
-            <span className="text-darkGray-hover">
+            <span className="tracking-tighter text-darkGray-hover">
               {formatDate(applicationStartDateTime, 'a h시 mm분')}
             </span>
           </div>
 
-          <div className="flex flex-wrap gap-1.5 tracking-normal">
+          <div className="flex flex-wrap gap-1.5">
             <Tag
               text="마감"
               color="grayLight"
               size="big"
               className="!px-2.5 !py-0"
             />
-            <span className="pr-1">
+            <span className="inline-block shrink-0">
               {formatDate(applicationEndDateTime, 'yyyy.MM.dd')}
             </span>
-            <span className="text-darkGray-hover">
+            <span className="tracking-tighter text-darkGray-hover">
               {formatDate(applicationEndDateTime, 'a h시 mm분')}
             </span>
           </div>
-        </>
+        </div>
       ),
     },
-    {
-      type: '장소',
-      data: meetingType === 'ONLINE' ? '-' : meetingPlace || '-',
-    },
     {
       type: '유형',
       data: noticeDisplay[meetingType],
     },
+    {
+      type: '장소',
+      data:
+        meetingType === 'ONLINE' ? (
+          <span className="text-darkGray">추후 링크 제공 예정</span>
+        ) : (
+          meetingPlace || <span className="text-darkGray">장소 미정</span>
+        ),
+    },
     {
       type: '인원',
       data:
@@ -86,15 +91,15 @@ export default function NoticeApplicationInfoTemplate({
                 size="big"
                 className="!min-w-14 !px-2.5 !py-0"
               />
-              <div className="flex-1">
-                <span className="inline-block pr-2">
+              <div className="flex-1 leading-[23px]">
+                <span className="inline-block min-w-[110px] shrink-0 pr-2">
                   {formatDate(item.sessionStartDateTime, 'yyyy.MM.dd')}
                 </span>
-                <span className="inline-block min-w-32 text-pretty text-darkGray-hover">
+                <span className="inline-block tracking-tighter text-darkGray-hover">
                   {formatDate(item.sessionStartDateTime, 'a h시 mm분')}
                 </span>
-                <span className="px-2 text-darkGray-hover">~</span>
-                <span className="min-w-32 text-darkGray-hover">
+                <span className="px-1 text-darkGray-hover">~</span>
+                <span className="tracking-tighter text-darkGray-hover">
                   {formatDate(item.sessionEndDateTime, 'a h시 mm분')}
                 </span>
               </div>
@@ -105,20 +110,19 @@ export default function NoticeApplicationInfoTemplate({
   ] as const;
 
   return (
-    <ul className="mt-4 grid list-none grid-cols-2 gap-x-6 gap-y-4 rounded-[20px] bg-white p-4 px-5 py-6">
+    <ul className="grid list-none grid-cols-2 gap-x-6 gap-y-6 rounded-[20px] bg-white p-7">
       {noticeApplicationInfo.map(({ type, data }) => (
         <li
           key={type}
-          className={`flex py-1 text-[22px] ${type === '일시' && 'col-span-2'}`}
+          className={`flex gap-2.5 text-xl ${(type === '일시' || type === '신청기간') && 'col-span-2'}`}
         >
-          <h4 className="min-w-20 tracking-tighter text-mainGray-active">
+          <h4 className="h-fit min-w-[78px] border-r-2 leading-[23px] tracking-tighter text-mainGray-active">
             {type}
           </h4>
-          <span className="mr-3 text-mainGray-active">|</span>
           {type === '일시' ? (
-            <ul className="flex flex-col gap-y-1.5 tracking-tight">{data}</ul>
+            <ul className="flex flex-col gap-y-2.5 tracking-tight">{data}</ul>
           ) : (
-            <span>{data}</span>
+            <span className="leading-[23px]">{data}</span>
           )}
         </li>
       ))}
diff --git a/src/pages/admin/SessionApplicantManagementDetail.tsx b/src/pages/admin/SessionApplicantManagementDetail.tsx
index bcd7608f..a418a9be 100644
--- a/src/pages/admin/SessionApplicantManagementDetail.tsx
+++ b/src/pages/admin/SessionApplicantManagementDetail.tsx
@@ -37,7 +37,7 @@ import MyCourseListWithHover from '@/components/user/MyCourseListWithHover';
 
 const initialFilter = {
   page: 1,
-  size: 1,
+  size: 10,
 };
 
 export default function SessionApplicantManagementDetail() {
diff --git a/src/pages/trainee/LoungeDetail.tsx b/src/pages/trainee/LoungeDetail.tsx
index a687545b..61895e20 100644
--- a/src/pages/trainee/LoungeDetail.tsx
+++ b/src/pages/trainee/LoungeDetail.tsx
@@ -68,58 +68,57 @@ export default function LoungeDetail() {
 
   const postWriter = userProfile?.nickname === postDetail?.writerNickName;
 
-  return (
-    <div className="flex w-full">
-      <BackButton />
-
-      <div className="w-full">
-        {!isPostDetailLoading ? (
-          <div className="w-full px-6 pb-[45px] pt-5">
-            <header className="flex items-center justify-between">
-              <h1 className="text-[32px] font-semibold">{postDetail?.title}</h1>
-              <FavoriteButton
-                isFavorite={postDetail?.isScraped ?? false}
-                onClick={onScrapClick}
-                size={24}
-                disabled={isPostScrapPending || isDeleteScrapPending}
-              />
-            </header>
-            <Tag
-              color="green"
-              size="big"
-              text={postDetail ? ptypeDisplay[postDetail.ptype] : ''}
-              className="mt-12 w-fit"
-            />
-
-            {postDetail && (
-              <LoungeApplicationInfoTemplate
-                recruitmentStart={postDetail.recruitmentStart}
-                recruitmentEnd={postDetail.recruitmentEnd}
-                recruitmentCount={postDetail?.recruitmentCount || 0}
-                position={postDetail?.position || []}
-                contactMethod={postDetail.contactMethod}
-                contactDetail={postDetail.contactDetail}
-                meetingType={postDetail.meetingType}
-                techStack={postDetail?.techStack || []}
-              />
-            )}
-            <PostDetailsTemplate
-              actions={postWriter ? actions : []}
-              imageNameSegment={postDetail?.imgUrl}
-              nickname={postDetail?.writerNickName || '-'}
-              createdAt={postDetail?.createdAt}
-              viewCount={postDetail?.viewCount}
-              description={postDetail?.description}
-            />
-          </div>
-        ) : (
-          <div className="flex h-[60vh] items-center justify-center">
-            <LoopLoading />
-          </div>
+  return isPostDetailLoading ? (
+    <div className="flex h-[60vh] items-center justify-center">
+      <LoopLoading />
+    </div>
+  ) : (
+    <>
+      <section className="mb-7 w-full">
+        <BackButton />
+
+        <header className="mt-7 flex items-center justify-between">
+          <h1 className="pr-4 text-2xl font-semibold">{postDetail?.title}</h1>
+          <FavoriteButton
+            isFavorite={postDetail?.isScraped ?? false}
+            onClick={onScrapClick}
+            size={24}
+            disabled={isPostScrapPending || isDeleteScrapPending}
+          />
+        </header>
+
+        <Tag
+          color="green"
+          size="big"
+          text={postDetail?.ptype ? ptypeDisplay[postDetail?.ptype] : '-'}
+          className="mb-3 mt-4 w-fit px-[10px] py-[5px]"
+        />
+
+        {postDetail && (
+          <LoungeApplicationInfoTemplate
+            ptype={postDetail?.ptype || '-'}
+            recruitmentStart={postDetail.recruitmentStart}
+            recruitmentEnd={postDetail.recruitmentEnd}
+            recruitmentCount={postDetail?.recruitmentCount || 0}
+            position={postDetail?.position || []}
+            contactMethod={postDetail.contactMethod}
+            contactDetail={postDetail.contactDetail}
+            meetingType={postDetail.meetingType}
+            techStack={postDetail?.techStack || []}
+          />
         )}
 
-        <CommentTemplate postId={postId} />
-      </div>
-    </div>
+        <PostDetailsTemplate
+          actions={postWriter ? actions : []}
+          imageNameSegment={postDetail?.imgUrl}
+          nickname={postDetail?.writerNickName || '-'}
+          createdAt={postDetail?.createdAt}
+          viewCount={postDetail?.viewCount}
+          description={postDetail?.description}
+        />
+      </section>
+
+      <CommentTemplate postId={postId} />
+    </>
   );
 }
diff --git a/src/pages/trainee/NoticeDetail.tsx b/src/pages/trainee/NoticeDetail.tsx
index f0c34f5d..b999326e 100644
--- a/src/pages/trainee/NoticeDetail.tsx
+++ b/src/pages/trainee/NoticeDetail.tsx
@@ -152,8 +152,6 @@ export default function NoticeDetail() {
     userProfile.userId,
   ]);
 
-  const onBackClick = () => navigate('/notice');
-
   const { alert, hideDialog } = useDialogContext();
 
   useEffect(() => {
@@ -169,88 +167,82 @@ export default function NoticeDetail() {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [error]);
 
-  return (
-    <div className="flex w-full">
-      <BackButton onClick={onBackClick} />
-
-      {isNoticeDetailLoading ? (
-        <div className="ml-2 flex h-[80vh] w-full items-center justify-center">
-          <LoopLoading />
-        </div>
-      ) : (
-        <div className="w-full">
-          <section className="w-full px-6 pb-[45px] pt-5">
-            <header className="flex items-center justify-between">
-              <h1 className="pr-4 text-[32px] font-semibold">
-                {noticeDetail?.title || '-'}
-              </h1>
-              <FavoriteButton
-                isFavorite={noticeDetail?.isScraped ?? false}
-                onClick={onScrapClick}
-                size={24}
-                disabled={isPostScrapPending || isDeleteScrapPending}
-              />
-            </header>
-
-            <div className="mt-12 flex gap-2">
-              {noticeDetail?.writer?.role && (
-                <Tag
-                  roleKey={noticeDetail?.writer?.role}
-                  size="big"
-                  text={rolesObj[noticeDetail?.writer?.role]}
-                  className="px-[10px] py-[5px]"
-                />
-              )}
-              {noticeDetail?.noticeType && (
-                <Tag
-                  size="big"
-                  color="gray"
-                  text={noticeCategoryDisplay[noticeDetail?.noticeType]}
-                  className="px-[10px] py-[5px]"
-                />
-              )}
-              {noticeDetail?.writer?.userId === userProfile?.userId && (
-                <div className="group relative ml-auto flex items-center justify-center">
-                  <button className="px-2">
-                    <IoEllipsisHorizontalSharp className="size-7 text-darkGray-active" />
-                  </button>
-
-                  <div className="absolute right-0 top-5 z-10 hidden py-4 hover:block group-hover:block">
-                    <ul className="flex w-[90px] flex-col items-center gap-3 rounded-md bg-white p-3 shadow-card">
-                      {actions.map(action => (
-                        <li key={action.label}>
-                          <button
-                            onClick={action.onClick}
-                            className={action.className}
-                          >
-                            {action.label}
-                          </button>
-                        </li>
-                      ))}
-                    </ul>
-                  </div>
-                </div>
-              )}
-            </div>
-
-            {noticeDetail?.noticeType &&
-              findCurrNotice(noticeDetail?.noticeType)?.needExtraInfo && (
-                <NoticeApplicationInfoTemplate notice={noticeDetail} />
-              )}
-
-            <PostDetailsTemplate
-              name={noticeDetail?.writer?.userName || '-'}
-              createdAt={noticeDetail?.createdAt}
-              viewCount={noticeDetail?.viewCount || 0}
-              description={noticeDetail?.content || '-'}
-              actions={sessionActionList()}
-              imageNameSegment={noticeDetail?.writer?.profileUrl}
+  return isNoticeDetailLoading ? (
+    <div className="ml-2 flex h-[80vh] w-full items-center justify-center">
+      <LoopLoading />
+    </div>
+  ) : (
+    <>
+      <section className="mb-7 w-full">
+        <BackButton />
+
+        <header className="mt-7 flex items-center justify-between">
+          <h1 className="pr-4 text-2xl font-semibold">{noticeDetail?.title}</h1>
+          <FavoriteButton
+            isFavorite={noticeDetail?.isScraped ?? false}
+            onClick={onScrapClick}
+            size={24}
+            disabled={isPostScrapPending || isDeleteScrapPending}
+          />
+        </header>
+
+        <div className="mb-3 mt-4 flex gap-2">
+          {noticeDetail?.writer?.role && (
+            <Tag
+              roleKey={noticeDetail?.writer?.role}
+              size="big"
+              text={rolesObj[noticeDetail?.writer?.role]}
+              className="px-[10px] py-[5px]"
             />
-          </section>
-
-          <CommentTemplate postId={postId} />
+          )}
+          {noticeDetail?.noticeType && (
+            <Tag
+              size="big"
+              color="gray"
+              text={noticeCategoryDisplay[noticeDetail?.noticeType]}
+              className="px-[10px] py-[5px]"
+            />
+          )}
+          {noticeDetail?.writer?.userId === userProfile?.userId && (
+            <div className="group relative ml-auto flex items-center justify-center">
+              <button className="px-2">
+                <IoEllipsisHorizontalSharp className="size-7 text-darkGray-active" />
+              </button>
+
+              <div className="absolute right-0 top-5 z-10 hidden py-4 hover:block group-hover:block">
+                <ul className="flex w-[90px] flex-col items-center gap-3 rounded-md bg-white p-3 shadow-card">
+                  {actions.map(action => (
+                    <li key={action.label}>
+                      <button
+                        onClick={action.onClick}
+                        className={action.className}
+                      >
+                        {action.label}
+                      </button>
+                    </li>
+                  ))}
+                </ul>
+              </div>
+            </div>
+          )}
         </div>
-      )}
-    </div>
+
+        {noticeDetail?.noticeType &&
+          findCurrNotice(noticeDetail?.noticeType)?.needExtraInfo && (
+            <NoticeApplicationInfoTemplate notice={noticeDetail} />
+          )}
+
+        <PostDetailsTemplate
+          name={noticeDetail?.writer?.userName || '-'}
+          createdAt={noticeDetail?.createdAt}
+          viewCount={noticeDetail?.viewCount || 0}
+          description={noticeDetail?.content || '-'}
+          actions={sessionActionList()}
+          imageNameSegment={noticeDetail?.writer?.profileUrl}
+        />
+      </section>
+
+      <CommentTemplate postId={postId} />
+    </>
   );
 }

From e10f4cec3f220585ba72266959ee2de8d24c9f96 Mon Sep 17 00:00:00 2001
From: jellie <talentforest0501@gmail.com>
Date: Sun, 6 Jul 2025 00:46:45 +0900
Subject: [PATCH 03/12] =?UTF-8?q?design:=20=EB=8F=84=EB=A9=94=EC=9D=B8,=20?=
 =?UTF-8?q?=EC=A7=81=EB=AC=B4=20UI=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/table/TableHeader.tsx  |  2 +-
 src/components/user/MyCourseProgressCard.tsx | 93 ++++++++++++--------
 src/pages/admin/UserManagementDetail.tsx     |  7 +-
 3 files changed, 64 insertions(+), 38 deletions(-)

diff --git a/src/components/common/table/TableHeader.tsx b/src/components/common/table/TableHeader.tsx
index b6b4ea8d..fa0e2ca0 100644
--- a/src/components/common/table/TableHeader.tsx
+++ b/src/components/common/table/TableHeader.tsx
@@ -57,7 +57,7 @@ export default function TableHeader<T>({
               <button
                 type="button"
                 onClick={onChangeOrder}
-                className="flex w-full items-center justify-center pl-1.5"
+                className="flex w-full min-w-16 items-center justify-center pl-1.5"
               >
                 <span className="text-[15px]">{name}</span>
                 <BiExpandVertical className="inline size-5 cursor-pointer px-0.5 text-darkGray-hover" />
diff --git a/src/components/user/MyCourseProgressCard.tsx b/src/components/user/MyCourseProgressCard.tsx
index cd26c210..7891eb6c 100644
--- a/src/components/user/MyCourseProgressCard.tsx
+++ b/src/components/user/MyCourseProgressCard.tsx
@@ -96,12 +96,10 @@ export default function MyCourseProgressCard() {
         </div>
 
         {/* 캠퍼스 */}
-        <div className="mb-7 flex items-center px-4">
-          <img src={sproutLogo} alt="새싹 로고" className="size-5 p-1" />
-          <span className="mr-2 text-sm font-bold">
-            {campusList[0]?.campusName}
-          </span>
-          <span className="text-sm font-medium text-darkGray-active">
+        <div className="mb-5 flex items-center px-4">
+          <img src={sproutLogo} alt="새싹 로고" className="size-6 p-1" />
+          <span className="mr-2 font-bold">{campusList[0]?.campusName}</span>
+          <span className="font-medium text-darkGray-active">
             {courseList?.[0]?.courseStartDate?.replaceAll('-', '.')} ~{' '}
             {courseList?.[0]?.courseEndDate?.replaceAll('-', '.')}
           </span>
@@ -111,44 +109,67 @@ export default function MyCourseProgressCard() {
         <div className="flex w-full flex-1 flex-col justify-between gap-1.5 pl-4">
           <div className="flex w-full items-center [&>div]:flex-1">
             <span className="w-20 text-sm font-semibold">도메인</span>
-            <ScrollContainer className="gap-3" isBlurRight>
-              {domainList?.map(({ id, domain }) => (
-                <li key={id}>
-                  <Tag
-                    text={domain}
-                    size="big"
-                    color="grayLight"
-                    className="px-[14px] py-[10px] !font-normal"
-                  />
-                </li>
-              ))}
-            </ScrollContainer>
+            {domainList.length !== 0 ? (
+              <ScrollContainer className="gap-3" isBlurRight>
+                {domainList?.map(({ id, domain }) => (
+                  <li key={id}>
+                    <Tag
+                      text={domain}
+                      size="big"
+                      color="grayLight"
+                      className="px-[14px] !font-normal"
+                    />
+                  </li>
+                ))}
+              </ScrollContainer>
+            ) : (
+              <span className="text-sm text-mainGray-hover">
+                선택된 도메인이 없습니다.
+              </span>
+            )}
           </div>
 
           <div className="flex w-full items-center [&>div]:flex-1">
             <span className="w-20 text-sm font-semibold">직무</span>
-            <ScrollContainer className="gap-4" isBlurRight>
-              {jobList?.map(({ job, id }) => (
-                <li key={id} className="leading-5 tracking-tight">
-                  {job}
-                </li>
-              ))}
-            </ScrollContainer>
+            {jobList.length !== 0 ? (
+              <ScrollContainer className="gap-3" isBlurRight>
+                {jobList?.map(({ job, id }) => (
+                  <li key={id} className="leading-5 tracking-tight">
+                    <Tag
+                      text={job}
+                      size="big"
+                      color="lightGreen"
+                      className="px-[14px] !font-normal"
+                    />
+                  </li>
+                ))}
+              </ScrollContainer>
+            ) : (
+              <span className="text-sm text-mainGray-hover">
+                선택된 직무가 없습니다.
+              </span>
+            )}
           </div>
 
           <div className="flex w-full items-center [&>div]:flex-1">
             <span className="w-20 text-sm font-semibold">기술 스택</span>
-            <ScrollContainer className="gap-3" isBlurRight>
-              {techStackList?.map(({ id, techStack, iconImageUrl }) => (
-                <li key={id} className="size-7">
-                  <img
-                    src={iconImageUrl}
-                    alt={techStack}
-                    className="size-full"
-                  />
-                </li>
-              ))}
-            </ScrollContainer>
+            {techStackList.length !== 0 ? (
+              <ScrollContainer className="gap-3" isBlurRight>
+                {techStackList?.map(({ id, techStack, iconImageUrl }) => (
+                  <li key={id} className="size-7">
+                    <img
+                      src={iconImageUrl}
+                      alt={techStack}
+                      className="size-full"
+                    />
+                  </li>
+                ))}
+              </ScrollContainer>
+            ) : (
+              <span className="text-sm text-mainGray-hover">
+                선택된 기술스택이 없습니다.
+              </span>
+            )}
           </div>
         </div>
       </div>
diff --git a/src/pages/admin/UserManagementDetail.tsx b/src/pages/admin/UserManagementDetail.tsx
index 2b0748b3..71e2e6f6 100644
--- a/src/pages/admin/UserManagementDetail.tsx
+++ b/src/pages/admin/UserManagementDetail.tsx
@@ -245,7 +245,12 @@ export default function UserManagementDetail() {
                             )}
                             {'job' in data && (
                               <span className="pr-3 leading-5 tracking-tight">
-                                {data.job}
+                                <Tag
+                                  text={data.job}
+                                  size="big"
+                                  color="lightGreen"
+                                  className="!py-[8px] px-[14px] !font-normal"
+                                />
                               </span>
                             )}
                             {'techStack' in data && (

From 5bfde5eb117ca2256d1de2648e646503b22f1e35 Mon Sep 17 00:00:00 2001
From: jellie <talentforest0501@gmail.com>
Date: Mon, 7 Jul 2025 00:41:09 +0900
Subject: [PATCH 04/12] =?UTF-8?q?feat:=20=EB=AA=A8=EB=93=A0=20=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=EA=B2=8C=EC=8B=9C=EA=B8=80=20=EC=9D=B4?=
 =?UTF-8?q?=EB=8F=99=EC=8B=9C=20viewCount=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../calendar/CalendarCheckBoxList.tsx         | 20 ++++---
 .../common/TitleLinkWithRoleTag.tsx           |  6 +-
 src/components/common/button/BackButton.tsx   |  2 +-
 src/components/lounge/LoungePostCard.tsx      | 23 ++++---
 .../lounge/layout/LoungeSideView.tsx          | 60 ++++++++++++-------
 src/components/notice/NoticePostCard.tsx      | 10 ++--
 .../notice/layout/NoticeDisplayList.tsx       | 12 ++++
 .../post-collection/PostTableRow.tsx          | 44 ++++++++++----
 src/components/user/ScrapedPostCard.tsx       | 28 +++++++--
 src/pages/trainee/LoungeDetail.tsx            |  6 +-
 src/pages/trainee/NoticeDetail.tsx            |  2 +-
 src/services/post/loungeMutations.ts          | 27 ---------
 src/services/post/noticeMutations.ts          |  9 ---
 src/services/post/postMutation.ts             | 12 ++++
 src/types/mypage/myPostDto.d.ts               |  2 +
 15 files changed, 158 insertions(+), 105 deletions(-)
 delete mode 100644 src/services/post/loungeMutations.ts

diff --git a/src/components/calendar/CalendarCheckBoxList.tsx b/src/components/calendar/CalendarCheckBoxList.tsx
index f3645cb0..bf074319 100644
--- a/src/components/calendar/CalendarCheckBoxList.tsx
+++ b/src/components/calendar/CalendarCheckBoxList.tsx
@@ -72,15 +72,17 @@ export default function CalendarCheckBoxList({
           <ul className="flex flex-col gap-2">
             {category === '개인 캘린더' &&
               calendarList?.map(({ id, summary, backgroundColor, primary }) => (
-                <Checkbox
-                  key={id}
-                  id={id}
-                  text={primary ? '기본 캘린더' : summary}
-                  checked={!!currentCalendarIds?.includes(id)}
-                  onChange={() => onCheckBoxChange(id)}
-                  textClassName="!text-black"
-                  checkBoxColor={backgroundColor}
-                />
+                <li key={id} className="[&>label]:items-start">
+                  <Checkbox
+                    id={id}
+                    text={primary ? '기본 캘린더' : summary}
+                    checked={!!currentCalendarIds?.includes(id)}
+                    onChange={() => onCheckBoxChange(id)}
+                    textClassName="!text-black"
+                    checkBoxColor={backgroundColor}
+                    inputClassName="mt-1"
+                  />
+                </li>
               ))}
           </ul>
         </Accordion>
diff --git a/src/components/common/TitleLinkWithRoleTag.tsx b/src/components/common/TitleLinkWithRoleTag.tsx
index 2b44e349..b4cf2b1b 100644
--- a/src/components/common/TitleLinkWithRoleTag.tsx
+++ b/src/components/common/TitleLinkWithRoleTag.tsx
@@ -1,3 +1,5 @@
+import { MouseEvent } from 'react';
+
 import { Link } from 'react-router-dom';
 
 import { rolesObj } from '@/constants';
@@ -9,15 +11,17 @@ interface TitleLinkWithRoleTagProps {
   to: string;
   roleType: keyof HasAdminRole;
   title: string;
+  onClick: (event: MouseEvent) => void;
 }
 
 export default function TitleLinkWithRoleTag({
   to,
   roleType,
   title,
+  onClick,
 }: TitleLinkWithRoleTagProps) {
   return (
-    <Link to={to} className="flex h-7 items-center gap-1.5">
+    <Link to={to} className="flex h-7 items-center gap-1.5" onClick={onClick}>
       <Tag
         size="medium"
         roleKey={roleType}
diff --git a/src/components/common/button/BackButton.tsx b/src/components/common/button/BackButton.tsx
index 591fff76..481a4f6b 100644
--- a/src/components/common/button/BackButton.tsx
+++ b/src/components/common/button/BackButton.tsx
@@ -17,7 +17,7 @@ export default function BackButton({ onClick }: BackButtonProps) {
     <button
       type="button"
       onClick={onBackClick}
-      className="flex size-8 items-center justify-center rounded bg-mainGreen text-white"
+      className="flex size-8 items-center justify-center rounded bg-mainGreen-hover text-white"
     >
       <Icon name="ChevronLeft" />
     </button>
diff --git a/src/components/lounge/LoungePostCard.tsx b/src/components/lounge/LoungePostCard.tsx
index f0e26021..79026ad8 100644
--- a/src/components/lounge/LoungePostCard.tsx
+++ b/src/components/lounge/LoungePostCard.tsx
@@ -1,8 +1,8 @@
 import { useCallback } from 'react';
 
-import { Link } from 'react-router-dom';
+import { useNavigate } from 'react-router-dom';
 
-import { usePostIncrementViewCount } from '@/services/post/loungeMutations';
+import { usePostAddViewCount } from '@/services/post/postMutation';
 
 import { progressDisplay, ptypeDisplay } from '@/constants';
 import { useHandleScrap } from '@/hooks';
@@ -33,7 +33,7 @@ export default function LoungePostCard({ card }: LoungePostCardProps) {
     meetingType,
   } = card;
 
-  const { mutateAsync: postViewCount } = usePostIncrementViewCount();
+  const { mutateAsync: addViewCount } = usePostAddViewCount('project');
 
   const { onScrapClick, isPostScrapPending, isDeleteScrapPending } =
     useHandleScrap({
@@ -42,15 +42,20 @@ export default function LoungePostCard({ card }: LoungePostCardProps) {
       invalidateQueryKeys: [{ queryKey: ['useGetLoungeProjectList'] }],
     });
 
+  const navigate = useNavigate();
+
   const onViewCount = useCallback(async () => {
-    await postViewCount({ projectId: id });
-  }, [id, postViewCount]);
+    await addViewCount({ linkedId: id });
+    navigate(`/lounge/post/${postId}`);
+  }, [addViewCount, id, navigate, postId]);
 
   return (
-    <Link
-      to={`/lounge/post/${postId}`}
-      className="flex h-full w-[275px] flex-col items-start justify-between rounded-[20px] border border-solid border-lightGray bg-white p-4"
+    <div
+      role="link"
+      tabIndex={0}
+      className="flex h-full flex-col items-start justify-between rounded-[20px] border border-solid border-lightGray bg-white p-4"
       onClick={onViewCount}
+      onKeyDown={e => e.key === 'Enter' && onViewCount}
     >
       <div className="flex w-full items-center justify-between">
         <Tag postKey={ptype} size="medium" text={`#${ptypeDisplay[ptype]}`} />
@@ -131,6 +136,6 @@ export default function LoungePostCard({ card }: LoungePostCardProps) {
           <span>{progressDisplay[meetingType]}</span>
         </div>
       </div>
-    </Link>
+    </div>
   );
 }
diff --git a/src/components/lounge/layout/LoungeSideView.tsx b/src/components/lounge/layout/LoungeSideView.tsx
index b1259a8a..9c86c410 100644
--- a/src/components/lounge/layout/LoungeSideView.tsx
+++ b/src/components/lounge/layout/LoungeSideView.tsx
@@ -1,40 +1,58 @@
-import { Link } from 'react-router-dom';
+import { useCallback } from 'react';
+
+import { useNavigate, useParams } from 'react-router-dom';
 
 import { useGetEndingTomorrowProjects } from '@/services/post/loungeQueries';
+import { usePostAddViewCount } from '@/services/post/postMutation';
 
 import Title from '@/components/common/Title';
 import UserImage from '@/components/user/UserImage';
 
 export default function LoungeSideView() {
+  const params = useParams();
+
   const { data: endingTomorrowProjectList } = useGetEndingTomorrowProjects();
 
+  const { mutateAsync: addViewCount } = usePostAddViewCount('project');
+
+  const navigate = useNavigate();
+
+  const onViewCount = useCallback(
+    async (linkedId: number, postId: number) => {
+      if (params?.postId ? +params.postId === postId : false) return;
+      await addViewCount({ linkedId });
+      navigate(`/lounge/post/${postId}`);
+    },
+    [addViewCount, navigate, params.postId],
+  );
+
   return (
     <div className="max-h-[90vh] min-h-60 overflow-y-scroll rounded-[20px] bg-white px-5 py-6">
       <Title as="h2" title="마감 하루전!" className="mb-3" highlight="마감" />
 
       {endingTomorrowProjectList && endingTomorrowProjectList?.length !== 0 ? (
         <ul className="flex flex-col gap-3.5">
-          {endingTomorrowProjectList?.map(project => (
-            <li
-              key={project.projectId}
-              className="border-t pt-3.5 first:border-t-0"
-            >
-              <Link to={`/lounge/post/${project.postId}`}>
-                <h2 className="line-clamp-3 text-darkGray-hover">
-                  {project.title}
-                </h2>
-                <div className="mt-2 flex items-center gap-2">
-                  <UserImage
-                    className="size-[22px]"
-                    imageNameSegment={project.imgUrl}
-                  />
-                  <span className="tracking-tight">
-                    @ {project.userNickname}
-                  </span>
+          {endingTomorrowProjectList?.map(
+            ({ projectId, postId, title, imgUrl, userNickname }) => (
+              <li key={projectId} className="border-t pt-3.5 first:border-t-0">
+                <div
+                  role="link"
+                  tabIndex={0}
+                  onClick={() => onViewCount(projectId, postId)}
+                  onKeyDown={e => e.key === 'Enter' && onViewCount}
+                >
+                  <h2 className="line-clamp-3 text-darkGray-hover">{title}</h2>
+                  <div className="mt-2 flex items-center gap-2">
+                    <UserImage
+                      className="size-[22px]"
+                      imageNameSegment={imgUrl}
+                    />
+                    <span className="tracking-tight">@ {userNickname}</span>
+                  </div>
                 </div>
-              </Link>
-            </li>
-          ))}
+              </li>
+            ),
+          )}
         </ul>
       ) : (
         <span className="inline-block w-full pt-14 text-center text-mainGray-active">
diff --git a/src/components/notice/NoticePostCard.tsx b/src/components/notice/NoticePostCard.tsx
index 4f60bd51..a6f943d8 100644
--- a/src/components/notice/NoticePostCard.tsx
+++ b/src/components/notice/NoticePostCard.tsx
@@ -2,7 +2,7 @@ import { useCallback } from 'react';
 
 import { useNavigate } from 'react-router-dom';
 
-import { useNoticeIncrementViewCount } from '@/services/post/noticeMutations';
+import { usePostAddViewCount } from '@/services/post/postMutation';
 
 import { noticeCategoryDisplay, rolesObj } from '@/constants';
 import { useHandleScrap } from '@/hooks';
@@ -31,18 +31,18 @@ export default function NoticePostCard({ notice }: NoticePostCardProps) {
       invalidateQueryKeys: [{ queryKey: ['useGetInfiniteNoticeList'] }],
     });
 
-  const { mutateAsync: postViewCount } = useNoticeIncrementViewCount();
+  const { mutateAsync: addViewCount } = usePostAddViewCount('notices');
 
   const navigate = useNavigate();
 
   const onViewCount = useCallback(async () => {
-    await postViewCount({ noticeId: notice.noticeId });
+    await addViewCount({ linkedId: notice.noticeId });
     navigate(`/notice/post/${notice.postId}`);
-  }, [navigate, notice.noticeId, notice.postId, postViewCount]);
+  }, [navigate, notice.noticeId, notice.postId, addViewCount]);
 
   return (
     <div
-      role="button"
+      role="link"
       tabIndex={0}
       className="flex w-full cursor-pointer flex-col rounded-2xl bg-white p-4 px-6 py-4"
       onClick={onViewCount}
diff --git a/src/components/notice/layout/NoticeDisplayList.tsx b/src/components/notice/layout/NoticeDisplayList.tsx
index 45c5cb39..41b7073f 100644
--- a/src/components/notice/layout/NoticeDisplayList.tsx
+++ b/src/components/notice/layout/NoticeDisplayList.tsx
@@ -1,7 +1,10 @@
+import { useNavigate } from 'react-router-dom';
+
 import {
   useGetCloseSoonNoticeList,
   useGetThisWeekNoticeList,
 } from '@/services/post/noticeQueries';
+import { usePostAddViewCount } from '@/services/post/postMutation';
 
 import { HasAdminRole, NoticeDisplay } from '@/types';
 
@@ -28,6 +31,8 @@ export default function NoticeDisplayList({
     isLoading: isInfiniteNoticListLoading,
   } = useGetThisWeekNoticeList();
 
+  const { mutateAsync: addViewCount } = usePostAddViewCount('notices');
+
   const noticeObj: {
     [key in NoticeTitle]: (NoticeDisplay & {
       manager?: { role: keyof HasAdminRole };
@@ -41,6 +46,8 @@ export default function NoticeDisplayList({
 
   const isLoading = isCloseSoonNoticeList || isInfiniteNoticListLoading;
 
+  const navigate = useNavigate();
+
   return (
     !isLoading &&
     (noticeDisplayList?.length !== 0 ? (
@@ -56,6 +63,11 @@ export default function NoticeDisplayList({
                     title === '마감임박' && manager ? manager.role : roleType
                   }
                   title={noticeTitle}
+                  onClick={async event => {
+                    event.preventDefault();
+                    await addViewCount({ linkedId: noticeId });
+                    navigate(`/notice/post/${postId}`);
+                  }}
                 />
               </li>
             ),
diff --git a/src/components/post-collection/PostTableRow.tsx b/src/components/post-collection/PostTableRow.tsx
index 8ddcf7b5..015de8c1 100644
--- a/src/components/post-collection/PostTableRow.tsx
+++ b/src/components/post-collection/PostTableRow.tsx
@@ -1,4 +1,8 @@
-import { Link } from 'react-router-dom';
+import { useCallback } from 'react';
+
+import { useNavigate } from 'react-router-dom';
+
+import { usePostAddViewCount } from '@/services/post/postMutation';
 
 import { postTypeObj } from '@/constants';
 import { UserComment, UserPost } from '@/types/mypage/myPostDto';
@@ -33,7 +37,7 @@ export default function PostTableRow<T extends UserPost | UserComment>({
   deleteDisabled,
   onDeleteConfirmClick,
 }: PostTableRowProps<T>) {
-  const { createdAt, postId, postType } = post;
+  const { createdAt, postId, postType, linkedId } = post;
 
   const type = {
     NOTICE: 'notice',
@@ -59,6 +63,20 @@ export default function PostTableRow<T extends UserPost | UserComment>({
 
   const { id, title, nickname } = data;
 
+  const { mutateAsync: addViewCount } = usePostAddViewCount(
+    postType === 'NOTICE' ? 'notices' : 'project',
+  );
+
+  const navigate = useNavigate();
+
+  const onViewCount = useCallback(async () => {
+    await addViewCount({ linkedId });
+    navigate(
+      `/${type[postType as 'PROJECT' | 'STUDY' | 'NOTICE']}/post/${postId}`,
+    );
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [addViewCount, navigate, post, postId, postType]);
+
   return (
     <tr className="hover:bg-gray4 group">
       {headerCellList.includes('체크박스') &&
@@ -85,30 +103,30 @@ export default function PostTableRow<T extends UserPost | UserComment>({
       {(headerCellList.includes('댓글 내용') ||
         headerCellList.includes('게시글 제목')) && (
         <TableDataCell className="max-w-[0px] overflow-hidden truncate pl-2 text-start">
+          {/* 맛집, 한끼팟 타입 */}
           {(postType === 'MEAL' || postType === 'STORE') && handleShowDialog ? (
             <button
               type="button"
               className="underline"
               onClick={() =>
-                handleShowDialog(
-                  postType,
-                  (post as UserPost)?.linkedId || postId,
-                  {
-                    comment: title,
-                    nickname,
-                  },
-                )
+                handleShowDialog(postType, linkedId || postId, {
+                  comment: title,
+                  nickname,
+                })
               }
             >
               {title}
             </button>
           ) : (
-            <Link
-              to={`/${type[postType as 'PROJECT' | 'STUDY' | 'NOTICE']}/post/${postId}`}
+            <div
+              role="link"
+              tabIndex={0}
+              onClick={onViewCount}
+              onKeyDown={e => e.key === 'Enter' && onViewCount}
               className="underline"
             >
               {title}
-            </Link>
+            </div>
           )}
         </TableDataCell>
       )}
diff --git a/src/components/user/ScrapedPostCard.tsx b/src/components/user/ScrapedPostCard.tsx
index 96babfaf..061ba9cb 100644
--- a/src/components/user/ScrapedPostCard.tsx
+++ b/src/components/user/ScrapedPostCard.tsx
@@ -1,6 +1,8 @@
 import { useCallback } from 'react';
 
-import { Link } from 'react-router-dom';
+import { useNavigate } from 'react-router-dom';
+
+import { usePostAddViewCount } from '@/services/post/postMutation';
 
 import { postTypeObj } from '@/constants';
 import { useHandleScrap } from '@/hooks';
@@ -17,7 +19,7 @@ interface ScrapedPostCardProps {
 }
 
 export default function ScrapedPostCard({
-  card: { postId, postType, title, content, writer },
+  card: { postId, postType, title, content, writer, linkedId },
   className,
   hasScrapBtn = true,
 }: ScrapedPostCardProps) {
@@ -36,13 +38,27 @@ export default function ScrapedPostCard({
   const postLink =
     postType === 'PROJECT' || postType === 'STUDY' ? 'lounge' : postType;
 
+  const { mutateAsync: addViewCount } = usePostAddViewCount(
+    postType === 'NOTICE' ? 'notices' : 'project',
+  );
+
+  const navigate = useNavigate();
+
+  const onViewCount = useCallback(async () => {
+    await addViewCount({ linkedId });
+    navigate(`/${postLink.toLocaleLowerCase()}/post/${postId}`);
+  }, [addViewCount, linkedId, navigate, postLink, postId]);
+
   return (
     <li
       className={`flex h-[238px] w-full flex-col justify-between rounded-3xl bg-white ${className}`}
     >
-      <Link
-        to={`/${postLink.toLocaleLowerCase()}/post/${postId}`}
-        className="flex h-full flex-col justify-between p-5"
+      <div
+        role="link"
+        tabIndex={0}
+        className="flex w-full cursor-pointer flex-col rounded-2xl bg-white p-4 px-6 py-4"
+        onClick={onViewCount}
+        onKeyDown={e => e.key === 'Enter' && onViewCount()}
       >
         <div className="flex items-center justify-between">
           <Tag
@@ -71,7 +87,7 @@ export default function ScrapedPostCard({
             <span className="text-xs opacity-60">@{writer.nickname}</span>
           </div>
         </div>
-      </Link>
+      </div>
     </li>
   );
 }
diff --git a/src/pages/trainee/LoungeDetail.tsx b/src/pages/trainee/LoungeDetail.tsx
index 61895e20..b93c8321 100644
--- a/src/pages/trainee/LoungeDetail.tsx
+++ b/src/pages/trainee/LoungeDetail.tsx
@@ -75,7 +75,7 @@ export default function LoungeDetail() {
   ) : (
     <>
       <section className="mb-7 w-full">
-        <BackButton />
+        <BackButton onClick={() => navigate('/lounge')} />
 
         <header className="mt-7 flex items-center justify-between">
           <h1 className="pr-4 text-2xl font-semibold">{postDetail?.title}</h1>
@@ -88,9 +88,9 @@ export default function LoungeDetail() {
         </header>
 
         <Tag
-          color="green"
           size="big"
-          text={postDetail?.ptype ? ptypeDisplay[postDetail?.ptype] : '-'}
+          postKey={postDetail?.ptype}
+          text={postDetail?.ptype ? `#${ptypeDisplay[postDetail?.ptype]}` : '-'}
           className="mb-3 mt-4 w-fit px-[10px] py-[5px]"
         />
 
diff --git a/src/pages/trainee/NoticeDetail.tsx b/src/pages/trainee/NoticeDetail.tsx
index b999326e..9bcc670a 100644
--- a/src/pages/trainee/NoticeDetail.tsx
+++ b/src/pages/trainee/NoticeDetail.tsx
@@ -174,7 +174,7 @@ export default function NoticeDetail() {
   ) : (
     <>
       <section className="mb-7 w-full">
-        <BackButton />
+        <BackButton onClick={() => navigate('/notice')} />
 
         <header className="mt-7 flex items-center justify-between">
           <h1 className="pr-4 text-2xl font-semibold">{noticeDetail?.title}</h1>
diff --git a/src/services/post/loungeMutations.ts b/src/services/post/loungeMutations.ts
deleted file mode 100644
index 86152af7..00000000
--- a/src/services/post/loungeMutations.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { useMutation } from '@tanstack/react-query';
-
-import { axiosInstance } from '@/services/axiosInstance';
-
-import { AxiosError } from 'axios';
-
-export const usePostIncrementViewCount = () => {
-  return useMutation<boolean, AxiosError, { projectId: number }>({
-    mutationFn: async requestParams => {
-      const { data } = await axiosInstance.post(
-        `/project/${requestParams.projectId}/view`,
-      );
-      return data;
-    },
-  });
-};
-
-export const usePostScrapProject = () => {
-  return useMutation<boolean, AxiosError, { projectId: number }>({
-    mutationFn: async requestParams => {
-      const { data } = await axiosInstance.post(
-        `/project/${requestParams.projectId}/scrap`,
-      );
-      return data;
-    },
-  });
-};
diff --git a/src/services/post/noticeMutations.ts b/src/services/post/noticeMutations.ts
index 18a28e6b..3eff3b13 100644
--- a/src/services/post/noticeMutations.ts
+++ b/src/services/post/noticeMutations.ts
@@ -26,12 +26,3 @@ export const usePatchNoticeStatus = (
     ...options,
   });
 };
-
-export const useNoticeIncrementViewCount = () => {
-  return useMutation<boolean, AxiosError, { noticeId: number }>({
-    mutationFn: async ({ noticeId }: { noticeId: number }) => {
-      const { data } = await axiosInstance.post(`/notices/${noticeId}/view`);
-      return data;
-    },
-  });
-};
diff --git a/src/services/post/postMutation.ts b/src/services/post/postMutation.ts
index b4158878..84d28537 100644
--- a/src/services/post/postMutation.ts
+++ b/src/services/post/postMutation.ts
@@ -79,3 +79,15 @@ export const useDeleteAllScrap = (
     ...options,
   });
 };
+
+/** 포스트 뷰 증가 API */
+export const usePostAddViewCount = (postType: 'project' | 'notices') => {
+  return useMutation<boolean, AxiosError, { linkedId: number }>({
+    mutationFn: async requestParams => {
+      const { data } = await axiosInstance.post(
+        `/${postType}/${requestParams.linkedId}/view`,
+      );
+      return data;
+    },
+  });
+};
diff --git a/src/types/mypage/myPostDto.d.ts b/src/types/mypage/myPostDto.d.ts
index 6a7ed916..1b8b1b6e 100644
--- a/src/types/mypage/myPostDto.d.ts
+++ b/src/types/mypage/myPostDto.d.ts
@@ -24,6 +24,7 @@ type UserScrap = {
     profileImg: string;
   };
   postId: number;
+  linkedId: number;
   title: string;
   postType: PostTypeKey;
   content: string;
@@ -47,6 +48,7 @@ type UserComment = {
   commentId: number;
   userNickname: string;
   postId: number;
+  linkedId: number;
   content: string;
   createdAt: string;
   postType: PostTypeKey;

From 375d17dc891ec259d5bb7240700886a0f20ff487 Mon Sep 17 00:00:00 2001
From: jellie <talentforest0501@gmail.com>
Date: Thu, 10 Jul 2025 00:56:19 +0900
Subject: [PATCH 05/12] =?UTF-8?q?feat:=20=ED=94=84=EB=A1=9C=EC=A0=9D?=
 =?UTF-8?q?=ED=8A=B8=20=EC=A7=81=EB=AC=B4,=20=ED=95=84=EC=9A=94=EC=8A=A4?=
 =?UTF-8?q?=ED=83=9D=20'=EC=A0=9C=ED=95=9C=20=EC=97=86=EC=9D=8C'=20?=
 =?UTF-8?q?=EC=98=B5=EC=85=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/TabNavigation.tsx       |  6 +-
 .../common/dropdown/TechStackDropdown.tsx     | 19 ++++++-
 .../dropdown/option/TechStackOption.tsx       |  3 +
 .../common/dropdown/select/SelectBox.tsx      |  2 +-
 .../common/input/ControllerDateTime.tsx       | 13 +++--
 .../common/input/CustomDatePicker.tsx         |  2 +-
 .../common/post-template/CommentTemplate.tsx  |  4 +-
 .../lounge/LoungeApplicationInfoTemplate.tsx  |  6 +-
 src/components/lounge/form/LoungeForm.tsx     | 57 ++++++++++++++-----
 .../lounge/form/loungeFormSchema.ts           | 14 +++--
 .../lounge/layout/LoungeSideView.tsx          |  8 ++-
 .../lounge/layout/LoungeTabNavigation.tsx     |  1 +
 src/components/mypage/MyCollection.tsx        |  2 +-
 .../notice/modal/SessionApplicationModal.tsx  |  4 +-
 .../notice/modal/SessionSelectBox.tsx         | 13 ++++-
 .../store/modal/StoreProposalEditModal.tsx    |  2 +-
 .../store/modal/StoreReportModal.tsx          |  2 +-
 src/hooks/post/useHandlePostTable.ts          |  7 ++-
 src/layouts/HeaderMenu.tsx                    |  4 +-
 src/layouts/MainView.tsx                      |  2 +-
 src/layouts/NoticeLayout.tsx                  |  1 +
 src/pages/admin/CourseManagement.tsx          |  2 +-
 .../admin/SessionApplicantManagement.tsx      |  2 +-
 .../SessionApplicantManagementDetail.tsx      |  2 +-
 src/pages/admin/UserManagement.tsx            |  2 +-
 src/pages/admin/UserPostCollection.tsx        |  2 +-
 src/pages/trainee/Lounge.tsx                  | 27 ++++-----
 src/types/mypage/myPostDto.d.ts               |  2 +-
 28 files changed, 143 insertions(+), 68 deletions(-)

diff --git a/src/components/common/TabNavigation.tsx b/src/components/common/TabNavigation.tsx
index d9be058a..c04ef86c 100644
--- a/src/components/common/TabNavigation.tsx
+++ b/src/components/common/TabNavigation.tsx
@@ -10,6 +10,7 @@ interface TabNavigationProps<T> {
   ) => void;
   selectValue: string;
   children?: ReactNode;
+  className?: string;
   tabClassName?: string;
   selectedStyle?: {
     point: 'dot' | 'border';
@@ -23,6 +24,7 @@ export default function TabNavigation<T>({
   selectValue,
   onChangeValue,
   tabClassName,
+  className,
   selectedStyle = { point: 'border', color: 'black' },
 }: TabNavigationProps<T>) {
   const borderStyle = selectedStyle.point === 'border' ? 'border-b-2' : '';
@@ -34,9 +36,9 @@ export default function TabNavigation<T>({
 
   return (
     <nav
-      className={`flex items-end justify-between text-lg font-semibold ${selectedStyle.point === 'border' ? 'border-b' : ''}`}
+      className={`flex items-end justify-between text-lg font-semibold ${selectedStyle.point === 'border' ? 'border-b' : ''} ${className}`}
     >
-      <ul className="flex flex-wrap justify-start gap-5">
+      <ul className="flex flex-wrap justify-start">
         {tabList.map(({ text, type }) => (
           <li
             role="presentation"
diff --git a/src/components/common/dropdown/TechStackDropdown.tsx b/src/components/common/dropdown/TechStackDropdown.tsx
index 116be9e0..db719ba1 100644
--- a/src/components/common/dropdown/TechStackDropdown.tsx
+++ b/src/components/common/dropdown/TechStackDropdown.tsx
@@ -14,7 +14,7 @@ export interface OptionItem {
   id: number;
   name: string;
   iconImageUrl?: string;
-  type: string;
+  type?: string;
 }
 
 interface MultiSelectDropdownProps {
@@ -91,6 +91,7 @@ const TechStackDropdown = memo(function TechStackDropdown({
     () =>
       Array.from(
         options
+          .filter(({ type }) => type)
           .reduce((acc, curr) => {
             if (!acc.has(curr.type)) {
               acc.set(curr.type, { text: curr.type, type: curr.type });
@@ -145,7 +146,8 @@ const TechStackDropdown = memo(function TechStackDropdown({
           tabList={tabList}
           onChangeValue={handleTabValue}
           selectValue={tabValue}
-          tabClassName="pb-[7px]"
+          tabClassName="pb-[7px] px-3"
+          className="px-5"
         />
         <ul className="flex flex-wrap gap-2.5 p-4">
           {filteredOptionsByTab.map(option => (
@@ -154,9 +156,22 @@ const TechStackDropdown = memo(function TechStackDropdown({
               option={option}
               onChangeValue={handleSelectOptionChange}
               isSelected={checkIsSelected(option)}
+              // disabled={disabled}
             />
           ))}
         </ul>
+
+        <label className="mb-4 ml-6 flex w-fit cursor-pointer items-center gap-2">
+          <input
+            type="checkbox"
+            checked={checkIsSelected({ id: 0, name: '제한 없음' })}
+            onChange={() =>
+              handleSelectOptionChange({ id: 0, name: '제한 없음' })
+            }
+            className="size-4 rounded border-darkGray"
+          />
+          <span>제한 없음</span>
+        </label>
       </SelectBox>
     </>
   );
diff --git a/src/components/common/dropdown/option/TechStackOption.tsx b/src/components/common/dropdown/option/TechStackOption.tsx
index 05e4b0a0..690674c4 100644
--- a/src/components/common/dropdown/option/TechStackOption.tsx
+++ b/src/components/common/dropdown/option/TechStackOption.tsx
@@ -4,12 +4,14 @@ interface TechStackOptionProps {
   option: OptionItem;
   isSelected: boolean;
   onChangeValue: (option: OptionItem) => void;
+  disabled?: boolean;
 }
 
 export default function TechStackOption({
   option,
   isSelected,
   onChangeValue,
+  disabled,
 }: TechStackOptionProps) {
   return (
     <li
@@ -22,6 +24,7 @@ export default function TechStackOption({
           checked={isSelected}
           onChange={() => onChangeValue(option)}
           className="hidden"
+          disabled={disabled}
         />
         {option.name}
       </label>
diff --git a/src/components/common/dropdown/select/SelectBox.tsx b/src/components/common/dropdown/select/SelectBox.tsx
index 802b5e00..a4b24e6c 100644
--- a/src/components/common/dropdown/select/SelectBox.tsx
+++ b/src/components/common/dropdown/select/SelectBox.tsx
@@ -148,7 +148,7 @@ export default function SelectBox<
 
       <article className={defaultLabel === '기술 스택' ? '' : 'relative'}>
         <ul
-          className={`${open ? 'max-h-56 border border-lightGray' : 'max-h-0'} absolute z-40 mt-1 min-w-full max-w-max overflow-auto rounded-2xl bg-white px-2 shadow-card transition-all duration-500 scrollbar-hide`}
+          className={`${open ? 'max-h-56 border border-lightGray' : 'max-h-0'} absolute z-40 mt-1 min-w-full max-w-max overflow-auto rounded-2xl bg-white shadow-card transition-all duration-500 scrollbar-hide ${defaultLabel === '기술 스택' ? '' : 'px-2'}`}
         >
           {children}
         </ul>
diff --git a/src/components/common/input/ControllerDateTime.tsx b/src/components/common/input/ControllerDateTime.tsx
index 8acc8ec4..3666360e 100644
--- a/src/components/common/input/ControllerDateTime.tsx
+++ b/src/components/common/input/ControllerDateTime.tsx
@@ -4,7 +4,8 @@ import { Controller, useFormContext } from 'react-hook-form';
 
 import SingleSelectDropdown from '@/components/common/dropdown/SingleSelectDropdown';
 import CustomDatePicker from '@/components/common/input/CustomDatePicker';
-import ErrorMsg from '@/components/common/input/ErrorMsg';
+
+// import ErrorMsg from '@/components/common/input/ErrorMsg';
 
 interface ControllerDateTimeProps {
   type?: 'date' | 'dateTime';
@@ -21,7 +22,7 @@ export default function ControllerDateTime({
   } = useFormContext();
 
   return (
-    <div className="relative flex w-full flex-col">
+    <div className="relative flex h-full w-full flex-col">
       {type === 'date' && (
         <Controller
           control={control}
@@ -31,12 +32,14 @@ export default function ControllerDateTime({
               <CustomDatePicker
                 id={name}
                 currentDate={value ? new Date(value) : undefined}
+                className={`h-[59px] ${errors[name]?.message ? 'border-red-500' : 'border-mainGray'}`}
                 onChange={data => {
                   if (data) {
                     const dateTime = formatDate(data, "yyyy-MM-dd'T'HH:mm:ss");
                     onChange(dateTime);
                   }
                 }}
+                errorMsg={errors[name]?.message as string}
               />
             );
           }}
@@ -111,12 +114,12 @@ export default function ControllerDateTime({
         />
       )}
 
-      {errors[name]?.message && (
+      {/* {errors[name]?.message && (
         <ErrorMsg
           msg={errors[name]?.message as string}
-          className="absolute -bottom-6 right-0 pr-2"
+          className="absolute -bottom-6 left-0 pl-2"
         />
-      )}
+      )} */}
     </div>
   );
 }
diff --git a/src/components/common/input/CustomDatePicker.tsx b/src/components/common/input/CustomDatePicker.tsx
index 7809edfa..a2947e08 100644
--- a/src/components/common/input/CustomDatePicker.tsx
+++ b/src/components/common/input/CustomDatePicker.tsx
@@ -117,7 +117,7 @@ export default function CustomDatePicker({
         <DatePicker
           id={`date-picker-${id}`}
           autoComplete="off"
-          className={`flex h-full w-full flex-1 items-center rounded-2xl border border-mainGray bg-white py-4 !pl-11 pr-[15px] text-lg placeholder:text-mainGray focus:outline-none ${errorMsg ? 'border-red-500' : 'border-lightGray'} ${className}`}
+          className={`flex h-full w-full flex-1 items-center rounded-2xl border bg-white py-4 !pl-11 pr-[15px] text-lg placeholder:text-mainGray focus:outline-none ${errorMsg ? 'border-red-500' : 'border-mainGray'} ${className}`}
           renderCustomHeader={CustomDatePickerHeader}
           preventOpenOnFocus
           closeOnScroll
diff --git a/src/components/common/post-template/CommentTemplate.tsx b/src/components/common/post-template/CommentTemplate.tsx
index 19a66cf1..30feef05 100644
--- a/src/components/common/post-template/CommentTemplate.tsx
+++ b/src/components/common/post-template/CommentTemplate.tsx
@@ -58,7 +58,7 @@ export default function CommentTemplate({ postId }: CommentTemplateProps) {
       </form>
 
       {!isCommentListLoading && (
-        <ul className="mt-20 flex flex-col gap-y-10">
+        <ul className="mt-10 flex flex-col gap-y-10">
           {commentList.map(
             ({
               id,
@@ -137,7 +137,7 @@ export default function CommentTemplate({ postId }: CommentTemplateProps) {
                   </form>
                 ) : (
                   <>
-                    <p className="mb-3 mt-2">{content}</p>
+                    <p className="mb-3 mt-2 whitespace-pre-wrap">{content}</p>
                     <div>
                       <span className="pr-3 text-darkGray">
                         {formatDate(createAt, 'yyyy.MM.dd')}
diff --git a/src/components/lounge/LoungeApplicationInfoTemplate.tsx b/src/components/lounge/LoungeApplicationInfoTemplate.tsx
index 00356d50..808344d6 100644
--- a/src/components/lounge/LoungeApplicationInfoTemplate.tsx
+++ b/src/components/lounge/LoungeApplicationInfoTemplate.tsx
@@ -41,7 +41,7 @@ export default function LoungeApplicationInfoTemplate({
     {
       type: '직무',
       data: position && (
-        <ul className="flex w-full flex-1 flex-wrap gap-1">
+        <ul className="flex w-full flex-1 flex-wrap gap-1.5">
           {position
             ?.sort((a, b) => a.name.localeCompare(b.name))
             .map(({ id, name }) => (
@@ -50,7 +50,7 @@ export default function LoungeApplicationInfoTemplate({
                 text={name}
                 color="black"
                 size="big"
-                className="whitespace-nowrap rounded bg-black !px-2 !font-normal text-white"
+                className="whitespace-nowrap rounded bg-black !px-3 !font-normal text-white"
               />
             ))}
         </ul>
@@ -87,7 +87,7 @@ export default function LoungeApplicationInfoTemplate({
   return (
     <ul className="grid list-none grid-cols-2 gap-x-4 gap-y-3 rounded-[20px] bg-white p-7">
       {loungeApplicationInfo.map(({ type, data }) => (
-        <li key={type} className="flex items-center gap-2.5 text-xl">
+        <li key={type} className="flex items-start gap-2.5 text-xl">
           <h4 className="min-w-12 border-r-2 leading-[23px] tracking-tighter text-mainGray-active">
             {type}
           </h4>
diff --git a/src/components/lounge/form/LoungeForm.tsx b/src/components/lounge/form/LoungeForm.tsx
index cddcf620..eb15b4ea 100644
--- a/src/components/lounge/form/LoungeForm.tsx
+++ b/src/components/lounge/form/LoungeForm.tsx
@@ -13,7 +13,7 @@ import {
   usePageBlocker,
   useTechStackList,
 } from '@/hooks';
-import { ContactMethodDisplayKey, Progress } from '@/types';
+import { ContactMethodDisplayKey, Option, Progress } from '@/types';
 import { LoungeDto } from '@/types/lounge/loungeDto';
 import { zodResolver } from '@hookform/resolvers/zod';
 import {
@@ -121,8 +121,16 @@ export default function LoungeForm() {
       modifyProjectId ? projectsDetail?.description : undefined,
     );
 
+    const requiredStacks = data.requiredStacks.includes(0)
+      ? []
+      : data.requiredStacks;
+
+    const positions = data.positions.includes(0) ? [] : data.positions;
+
     const params = {
       ...data,
+      requiredStacks,
+      positions,
       recruitmentCount: Number(data.recruitmentCount),
       projectDescription: descriptionWithHandledImage,
     } as LoungeDto.PostProjectParams;
@@ -157,6 +165,32 @@ export default function LoungeForm() {
     [showToast],
   );
 
+  const jobOptionList = [{ id: 0, job: '제한 없음' }, ...(jobList || [])]?.map(
+    ({ id, job }) => ({ id, name: job }),
+  );
+
+  const techStackOptionList = [{ id: 0, name: '제한 없음' }, ...techStackList];
+
+  const onChangeOptionList = (
+    type: '직무' | '기술 스택',
+    data: Option[],
+    onChange: (optionList: number[]) => void,
+  ) => {
+    const selectedIds = data.map(item => item.id);
+
+    if (selectedIds.includes(0) && selectedIds.length > 1) {
+      showToast(
+        data[0].id === 0
+          ? '먼저 "제한 없음" 옵션을 해제해주세요.'
+          : `선택한 ${type} 옵션을 해제했습니다.`,
+      );
+      const result = selectedIds.filter(id => id === 0);
+      return onChange(result);
+    }
+
+    return onChange(selectedIds);
+  };
+
   return (
     <FormProvider {...methods}>
       <form onSubmit={handleSubmit(onSubmit, onError)} className="mt-[26px]">
@@ -194,7 +228,7 @@ export default function LoungeForm() {
             </LabeledSection>
 
             <LabeledSection label="모집 기간">
-              <div className="flex w-full items-center gap-2">
+              <div className="flex h-[59px] w-full items-center gap-2">
                 <ControllerDateTime type="date" name="startDate" />
                 <span className="text-xl">~</span>
                 <ControllerDateTime type="date" name="endDate" />
@@ -220,6 +254,7 @@ export default function LoungeForm() {
                       selectedOption={selectedOption}
                       onChangeValue={data => onChange(data[0].id)}
                       errorMsg={error?.message}
+                      selectBoxClassName="h-[59px]"
                     />
                   );
                 }}
@@ -238,13 +273,10 @@ export default function LoungeForm() {
                     <MultiSelectDropdown
                       defaultLabel="모집 직무"
                       value={value}
-                      options={
-                        jobList?.map(({ id, job }) => ({ id, name: job })) || []
+                      options={jobOptionList}
+                      onChangeValue={data =>
+                        onChangeOptionList('직무', data, onChange)
                       }
-                      onChangeValue={data => {
-                        const ids = data.map(item => item.id);
-                        onChange(ids);
-                      }}
                       errorMsg={error?.message}
                     />
                   );
@@ -290,11 +322,10 @@ export default function LoungeForm() {
                       defaultTabValue="백엔드"
                       errorMsg={error?.message}
                       value={value}
-                      options={techStackList}
-                      onChangeValue={data => {
-                        const ids = data.map(item => item.id);
-                        onChange(ids);
-                      }}
+                      options={techStackOptionList}
+                      onChangeValue={data =>
+                        onChangeOptionList('기술 스택', data, onChange)
+                      }
                     />
                   );
                 }}
diff --git a/src/components/lounge/form/loungeFormSchema.ts b/src/components/lounge/form/loungeFormSchema.ts
index eb0fbb52..2ff0c164 100644
--- a/src/components/lounge/form/loungeFormSchema.ts
+++ b/src/components/lounge/form/loungeFormSchema.ts
@@ -23,14 +23,20 @@ export const loungeFormSchema = z
     ]),
 
     positions: z
-      .array(z.number().min(1, '모집직무를 선택해 주세요.'))
-      .min(1, '모집직무를 선택해 주세요.'),
+      .array(z.number())
+      .min(1, '모집직무를 선택해 주세요.')
+      .refine(val => val.includes(0) || val, {
+        message: '모집직무를 선택해 주세요.',
+      }),
 
     meetingType: z.string().min(1, '모집유형을 선택해주세요.'),
 
     requiredStacks: z
-      .array(z.number().min(1, '필요스택을 선택해 주세요.'))
-      .min(1, '필요스택을 선택해 주세요.'),
+      .array(z.number())
+      .min(1, '필요스택을 선택해 주세요.')
+      .refine(val => val.includes(0) || val, {
+        message: '필요스택을 선택해 주세요.',
+      }),
 
     contactMethod: z.union([
       z.string().min(1, '연락방법을 선택해 주세요.'),
diff --git a/src/components/lounge/layout/LoungeSideView.tsx b/src/components/lounge/layout/LoungeSideView.tsx
index 9c86c410..8a4162fd 100644
--- a/src/components/lounge/layout/LoungeSideView.tsx
+++ b/src/components/lounge/layout/LoungeSideView.tsx
@@ -41,13 +41,15 @@ export default function LoungeSideView() {
                   onClick={() => onViewCount(projectId, postId)}
                   onKeyDown={e => e.key === 'Enter' && onViewCount}
                 >
-                  <h2 className="line-clamp-3 text-darkGray-hover">{title}</h2>
-                  <div className="mt-2 flex items-center gap-2">
+                  <h2 className="line-clamp-3">{title}</h2>
+                  <div className="mt-2 flex items-center gap-1.5">
                     <UserImage
                       className="size-[22px]"
                       imageNameSegment={imgUrl}
                     />
-                    <span className="tracking-tight">@ {userNickname}</span>
+                    <span className="tracking-tight text-darkGray-hover">
+                      @{userNickname}
+                    </span>
                   </div>
                 </div>
               </li>
diff --git a/src/components/lounge/layout/LoungeTabNavigation.tsx b/src/components/lounge/layout/LoungeTabNavigation.tsx
index 64e0446e..5ab1b9b6 100644
--- a/src/components/lounge/layout/LoungeTabNavigation.tsx
+++ b/src/components/lounge/layout/LoungeTabNavigation.tsx
@@ -23,6 +23,7 @@ export default function LoungeTabNavigation() {
       selectValue={pType ?? 'ALL'}
       tabList={loungeTabList}
       onChangeValue={handleChangeValue}
+      tabClassName="!px-4"
     />
   );
 }
diff --git a/src/components/mypage/MyCollection.tsx b/src/components/mypage/MyCollection.tsx
index fe2f4a35..172640ca 100644
--- a/src/components/mypage/MyCollection.tsx
+++ b/src/components/mypage/MyCollection.tsx
@@ -41,7 +41,7 @@ export default function MyCollection() {
   const initialFilter: MyPostDto.GetPostListParams = {
     page: 1,
     size: 3,
-    // order: 'latest',  NOTE: 최신순 정렬 적용 필요
+    sort: 'updated_At,DESC',
   };
 
   const {
diff --git a/src/components/notice/modal/SessionApplicationModal.tsx b/src/components/notice/modal/SessionApplicationModal.tsx
index 3e43f4ff..48e5dc83 100644
--- a/src/components/notice/modal/SessionApplicationModal.tsx
+++ b/src/components/notice/modal/SessionApplicationModal.tsx
@@ -94,7 +94,7 @@ export default function SessionApplicationModal({
             name="sessionIdList"
             render={({ field: { onChange, value: selectedIdList } }) => {
               return (
-                <ul className="mb-6 mt-4 grid grid-cols-2 justify-between gap-x-6 gap-y-4">
+                <ul className="mb-2 mt-4 grid grid-cols-2 justify-between gap-x-6 gap-y-4">
                   {sessions.map(session => {
                     const { sessionId, currentStatus } = session;
 
@@ -144,7 +144,7 @@ export default function SessionApplicationModal({
             type="submit"
             disabled={formDisabled}
             color={formDisabled ? 'lightGray' : 'mainGreen'}
-            className="h-full self-end whitespace-nowrap px-3 text-lg"
+            className="mt-4 h-full self-end whitespace-nowrap px-16 text-lg font-medium"
           />
         </form>
       </FormProvider>
diff --git a/src/components/notice/modal/SessionSelectBox.tsx b/src/components/notice/modal/SessionSelectBox.tsx
index ea64caa9..cbd7b160 100644
--- a/src/components/notice/modal/SessionSelectBox.tsx
+++ b/src/components/notice/modal/SessionSelectBox.tsx
@@ -1,5 +1,6 @@
 import { NoticeSession } from '@/types';
 import { formatDate } from '@/utils';
+import { BsCheckCircle } from 'react-icons/bs';
 
 import ErrorMsg from '@/components/common/input/ErrorMsg';
 
@@ -32,10 +33,10 @@ export default function SessionSelectBox({
 
   const initialStyle =
     initialSessionStatus || !isSelected
-      ? 'bg-white [&>h3]:text-black [&>h4]:text-darkGray-active border-darkGray'
+      ? 'bg-white [&>h3]:text-black [&>h4]:text-darkGray border-darkGray'
       : '';
   const isSelectedStyle = isSelected
-    ? 'bg-darkGreen text-white [&>h4]:text-lightGray border-darkGray'
+    ? 'bg-lightGreen-active [&>h4]:text-mainGreen-active border-lightGreen-active'
     : '';
 
   const boxStyle = isSelected ? isSelectedStyle : initialStyle;
@@ -51,8 +52,14 @@ export default function SessionSelectBox({
         aria-label={`수업일시: ${sessionDate} ${sessionTime}`}
         onClick={onClick}
         disabled={disabled}
-        className={`flex w-full cursor-pointer flex-col gap-1 rounded-2xl border px-5 py-6 ${boxStyle} ${disabledStyle}`}
+        className={`relative flex w-full cursor-pointer flex-col gap-1 rounded-2xl border p-4 ${boxStyle} ${disabledStyle}`}
       >
+        {isSelected && (
+          <BsCheckCircle
+            className="absolute left-3 top-3 text-mainGreen-active"
+            size={20}
+          />
+        )}
         <h3 className="mb-1 text-lg font-medium">{session.ordinal}회차</h3>
         <h4>수업 일시</h4>
         <span>{sessionDate}</span>
diff --git a/src/components/store/modal/StoreProposalEditModal.tsx b/src/components/store/modal/StoreProposalEditModal.tsx
index e9491bfc..96690fb3 100644
--- a/src/components/store/modal/StoreProposalEditModal.tsx
+++ b/src/components/store/modal/StoreProposalEditModal.tsx
@@ -83,7 +83,7 @@ export default function StoreProposalEditModal({
         <SquareButton
           name="제보하기"
           type="submit"
-          className="mt-10 self-end"
+          className="mt-10 self-end px-16"
           disabled={isPending || !isIdle}
         />
       </form>
diff --git a/src/components/store/modal/StoreReportModal.tsx b/src/components/store/modal/StoreReportModal.tsx
index 4671b42e..16b0441c 100644
--- a/src/components/store/modal/StoreReportModal.tsx
+++ b/src/components/store/modal/StoreReportModal.tsx
@@ -105,7 +105,7 @@ export default function StoreReportModal() {
         <SquareButton
           name="제보하기"
           type="submit"
-          className="mt-5 self-end"
+          className="mt-5 self-end px-16"
           disabled={isPending || !isIdle}
         />
       </form>
diff --git a/src/hooks/post/useHandlePostTable.ts b/src/hooks/post/useHandlePostTable.ts
index 6ada4554..59ae8c09 100644
--- a/src/hooks/post/useHandlePostTable.ts
+++ b/src/hooks/post/useHandlePostTable.ts
@@ -81,8 +81,11 @@ export const useHandlePostTable = <T extends string>({
   };
 
   const onChangeOrder = () => {
-    const order = tableFilter.order === 'latest' ? 'oldest' : 'latest';
-    handleChangeFilter({ order });
+    const sort =
+      tableFilter.sort === 'updated_At,DESC'
+        ? 'updated_At,ASC'
+        : 'updated_At,DESC';
+    handleChangeFilter({ sort });
   };
 
   const disabledDelete =
diff --git a/src/layouts/HeaderMenu.tsx b/src/layouts/HeaderMenu.tsx
index ca566eb8..4db74ea8 100644
--- a/src/layouts/HeaderMenu.tsx
+++ b/src/layouts/HeaderMenu.tsx
@@ -25,11 +25,11 @@ export default function HeaderMenu() {
   const handleLogout = async () => {
     deleteCookie(ACCESS_TOKEN_KEY);
     sessionStorage.removeItem(CALENDAR_TOKEN_KEY);
-    navigate('/login');
-    hideDialog();
     await axiosInstance.get('/sproutLogout', {
       withCredentials: true,
     });
+    hideDialog();
+    navigate('/login');
   };
 
   const onLogOutClick = () => {
diff --git a/src/layouts/MainView.tsx b/src/layouts/MainView.tsx
index 101f0e89..31879018 100644
--- a/src/layouts/MainView.tsx
+++ b/src/layouts/MainView.tsx
@@ -8,7 +8,7 @@ interface Props {
 export default function MainView({ children, className }: Props) {
   return (
     <main
-      className={`flex min-h-screen flex-1 flex-col pb-28 pl-3 pr-[50px] pt-[60px] ${className}`}
+      className={`flex min-h-screen flex-1 flex-col pb-28 pl-3 pr-[50px] pt-[60px] ${className || ''}`}
     >
       {children}
     </main>
diff --git a/src/layouts/NoticeLayout.tsx b/src/layouts/NoticeLayout.tsx
index 6f61ab25..75cb1fa5 100644
--- a/src/layouts/NoticeLayout.tsx
+++ b/src/layouts/NoticeLayout.tsx
@@ -66,6 +66,7 @@ export default function NoticeLayout() {
             tabList={NOTICE_TAB_LIST}
             selectValue={tabName ?? 'ALL'}
             onChangeValue={handleChangeValue}
+            tabClassName="!px-4"
           />
         )}
         <Outlet />
diff --git a/src/pages/admin/CourseManagement.tsx b/src/pages/admin/CourseManagement.tsx
index 076d6740..e56f7611 100644
--- a/src/pages/admin/CourseManagement.tsx
+++ b/src/pages/admin/CourseManagement.tsx
@@ -31,7 +31,7 @@ export default function CourseManagement() {
               : courseManagementTabList
           }
           onChangeValue={handleChangeTab}
-          tabClassName="!pb-3 !px-3"
+          tabClassName="!pb-3 !px-4"
         />
       )}
       {(tabName === null || tabName === 'course') && (
diff --git a/src/pages/admin/SessionApplicantManagement.tsx b/src/pages/admin/SessionApplicantManagement.tsx
index 3ae098dc..f1ea388a 100644
--- a/src/pages/admin/SessionApplicantManagement.tsx
+++ b/src/pages/admin/SessionApplicantManagement.tsx
@@ -59,7 +59,7 @@ export default function SessionApplicantManagement() {
           tabList={sessionStatusTabList}
           selectValue={tabName ?? 'ALL'}
           onChangeValue={handleChangeTab}
-          tabClassName="!pb-3 "
+          tabClassName="!pb-3 !px-4"
         />
 
         <div className="flex flex-1 items-center justify-end gap-5">
diff --git a/src/pages/admin/SessionApplicantManagementDetail.tsx b/src/pages/admin/SessionApplicantManagementDetail.tsx
index a418a9be..d96d7e5b 100644
--- a/src/pages/admin/SessionApplicantManagementDetail.tsx
+++ b/src/pages/admin/SessionApplicantManagementDetail.tsx
@@ -252,7 +252,7 @@ export default function SessionApplicantManagementDetail() {
           tabList={sessionApplicantsStatusTabList}
           selectValue={tabName ?? 'ALL'}
           onChangeValue={handleChangeTab}
-          tabClassName="!pb-3 !px-3"
+          tabClassName="!pb-3 !px-4"
         />
 
         <div className="flex items-center space-x-4">
diff --git a/src/pages/admin/UserManagement.tsx b/src/pages/admin/UserManagement.tsx
index d417a05c..43ef264e 100644
--- a/src/pages/admin/UserManagement.tsx
+++ b/src/pages/admin/UserManagement.tsx
@@ -126,7 +126,7 @@ export default function UserManagement() {
           }
           handleChangeTab(type);
         }}
-        tabClassName="!p-3"
+        tabClassName="!p-3 !px-4"
       />
 
       <div className="my-4 flex items-center justify-between gap-4">
diff --git a/src/pages/admin/UserPostCollection.tsx b/src/pages/admin/UserPostCollection.tsx
index 33b7e144..52a2aa5e 100644
--- a/src/pages/admin/UserPostCollection.tsx
+++ b/src/pages/admin/UserPostCollection.tsx
@@ -53,7 +53,7 @@ export default function UserPostCollection({
   const initialFilter: MyPostDto.GetPostListParams = {
     page: 1,
     size: 5,
-    // order: 'latest',
+    sort: 'updated_At,DESC',
   };
 
   const {
diff --git a/src/pages/trainee/Lounge.tsx b/src/pages/trainee/Lounge.tsx
index 002307b1..4e98553d 100644
--- a/src/pages/trainee/Lounge.tsx
+++ b/src/pages/trainee/Lounge.tsx
@@ -150,20 +150,21 @@ export default function Lounge() {
         </button>
       </div>
 
-      <ul className="grid grid-cols-3 gap-6">
-        {projects.map(project => (
-          <li key={project.id} className="[&>a]:!w-full">
-            <LoungePostCard card={project} />
-          </li>
+      {!isLoading &&
+        (projects.length === 0 ? (
+          <EmptyContent
+            message="모집중인 프로젝트가 없습니다."
+            className="mt-16"
+          />
+        ) : (
+          <ul className="mb-16 grid grid-cols-3 gap-6">
+            {projects.map(project => (
+              <li key={project.id} className="[&>a]:!w-full">
+                <LoungePostCard card={project} />
+              </li>
+            ))}
+          </ul>
         ))}
-      </ul>
-
-      {projects.length === 0 && !isLoading && (
-        <EmptyContent
-          message="모집중인 프로젝트가 없습니다."
-          className="mt-16"
-        />
-      )}
 
       {isLoading && (
         <div className="flex w-full justify-center py-10">
diff --git a/src/types/mypage/myPostDto.d.ts b/src/types/mypage/myPostDto.d.ts
index 1b8b1b6e..aea0fb6c 100644
--- a/src/types/mypage/myPostDto.d.ts
+++ b/src/types/mypage/myPostDto.d.ts
@@ -13,7 +13,7 @@ export namespace MyPostDto {
   export type GetCommentList = Pageable & { content: UserComment[] };
 
   export type GetPostListParams = PaginationFilter &
-    SortPostTypeFilter & { order?: 'latest' | 'oldest' };
+    SortPostTypeFilter & { sort?: 'updated_At,DESC' | 'updated_At,ASC' };
 }
 
 type UserScrap = {

From 6987f3dd0d872b63956502060125088a8397d38a Mon Sep 17 00:00:00 2001
From: jellie <talentforest0501@gmail.com>
Date: Thu, 10 Jul 2025 15:24:17 +0900
Subject: [PATCH 06/12] =?UTF-8?q?design:=20cursor-pointer=EC=99=80=20?=
 =?UTF-8?q?=EC=A0=9C=ED=95=9C=20=EC=97=86=EC=9D=8C=20=EC=98=B5=EC=85=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/text-editor/TextEditor.tsx         |  7 ++-
 .../lounge/LoungeApplicationInfoTemplate.tsx  | 56 ++++++++++---------
 src/components/lounge/LoungePostCard.tsx      |  2 +-
 .../lounge/form/ContactMethodContainer.tsx    |  9 +--
 src/components/lounge/form/LoungeForm.tsx     | 20 ++++++-
 .../lounge/layout/LoungeSideView.tsx          |  7 ++-
 .../post-collection/PostTableRow.tsx          |  2 +-
 src/pages/trainee/AppliedSessionsDetail.tsx   |  2 +-
 8 files changed, 63 insertions(+), 42 deletions(-)

diff --git a/src/components/common/text-editor/TextEditor.tsx b/src/components/common/text-editor/TextEditor.tsx
index 79db445b..ef4e35ae 100644
--- a/src/components/common/text-editor/TextEditor.tsx
+++ b/src/components/common/text-editor/TextEditor.tsx
@@ -71,10 +71,15 @@ export default function TextEditor({
 
     input.onchange = async () => {
       if (!input.files?.[0]) return;
+
       const onloadFn = (result: string) => {
         if (quillRef.current) {
           const range = quillRef.current.getSelection();
-          quillRef.current.insertEmbed(range?.index || 0, 'image', result);
+          const index = range?.index ?? 0;
+
+          quillRef.current.insertEmbed(index, 'image', result);
+          quillRef.current.insertText(index + 1, '\n\n', 'user');
+          quillRef.current.setSelection(index + 3, 0);
         }
       };
       onImageChange(input.files?.[0], 1, onloadFn);
diff --git a/src/components/lounge/LoungeApplicationInfoTemplate.tsx b/src/components/lounge/LoungeApplicationInfoTemplate.tsx
index 808344d6..22f657f2 100644
--- a/src/components/lounge/LoungeApplicationInfoTemplate.tsx
+++ b/src/components/lounge/LoungeApplicationInfoTemplate.tsx
@@ -40,34 +40,40 @@ export default function LoungeApplicationInfoTemplate({
     },
     {
       type: '직무',
-      data: position && (
-        <ul className="flex w-full flex-1 flex-wrap gap-1.5">
-          {position
-            ?.sort((a, b) => a.name.localeCompare(b.name))
-            .map(({ id, name }) => (
-              <Tag
-                key={id}
-                text={name}
-                color="black"
-                size="big"
-                className="whitespace-nowrap rounded bg-black !px-3 !font-normal text-white"
-              />
-            ))}
-        </ul>
-      ),
+      data:
+        position.length === 0 ? (
+          <span>제한 없음</span>
+        ) : (
+          <ul className="flex w-full flex-1 flex-wrap gap-1.5">
+            {position
+              ?.sort((a, b) => a.name.localeCompare(b.name))
+              .map(({ id, name }) => (
+                <Tag
+                  key={id}
+                  text={name}
+                  color="black"
+                  size="big"
+                  className="whitespace-nowrap rounded bg-black !px-3 !font-normal text-white"
+                />
+              ))}
+          </ul>
+        ),
     },
     {
       type: '스택',
-      data: techStack && (
-        <ul className="flex w-full flex-1 flex-wrap gap-2">
-          {techStack
-            ?.sort((a, b) => a.jobName.localeCompare(b.jobName))
-            ?.sort((a, b) => a.name.localeCompare(b.name))
-            .map(({ id, path, name }) => (
-              <img key={id} src={path} alt={name} className="size-7" />
-            ))}
-        </ul>
-      ),
+      data:
+        techStack.length === 0 ? (
+          <span>제한 없음</span>
+        ) : (
+          <ul className="flex w-full flex-1 flex-wrap gap-2">
+            {techStack
+              ?.sort((a, b) => a.jobName.localeCompare(b.jobName))
+              ?.sort((a, b) => a.name.localeCompare(b.name))
+              .map(({ id, path, name }) => (
+                <img key={id} src={path} alt={name} className="size-7" />
+              ))}
+          </ul>
+        ),
     },
     {
       type: '유형',
diff --git a/src/components/lounge/LoungePostCard.tsx b/src/components/lounge/LoungePostCard.tsx
index 79026ad8..77cd1aa8 100644
--- a/src/components/lounge/LoungePostCard.tsx
+++ b/src/components/lounge/LoungePostCard.tsx
@@ -53,7 +53,7 @@ export default function LoungePostCard({ card }: LoungePostCardProps) {
     <div
       role="link"
       tabIndex={0}
-      className="flex h-full flex-col items-start justify-between rounded-[20px] border border-solid border-lightGray bg-white p-4"
+      className="flex h-full cursor-pointer flex-col items-start justify-between rounded-[20px] border border-solid border-lightGray bg-white p-4"
       onClick={onViewCount}
       onKeyDown={e => e.key === 'Enter' && onViewCount}
     >
diff --git a/src/components/lounge/form/ContactMethodContainer.tsx b/src/components/lounge/form/ContactMethodContainer.tsx
index 1e2e3bbd..b5b4c101 100644
--- a/src/components/lounge/form/ContactMethodContainer.tsx
+++ b/src/components/lounge/form/ContactMethodContainer.tsx
@@ -1,5 +1,3 @@
-import { useEffect } from 'react';
-
 import { contactMethodList } from '@/constants';
 import { ContactMethodDisplayKey } from '@/types';
 import { Controller, useFormContext, useWatch } from 'react-hook-form';
@@ -9,7 +7,7 @@ import ControllerPhoneNumber from '@/components/common/input/ControllerPhoneNumb
 import TextInput from '@/components/common/input/TextInput';
 
 export default function ContactMethodContainer() {
-  const { control, setValue, clearErrors } = useFormContext();
+  const { control } = useFormContext();
 
   const contactMethod: ContactMethodDisplayKey | '' = useWatch({
     control,
@@ -22,11 +20,6 @@ export default function ContactMethodContainer() {
     MESSENGER: '오픈채팅방 링크를 입력해주세요.',
   };
 
-  useEffect(() => {
-    setValue('contactDetail', '');
-    clearErrors('contactDetail');
-  }, [clearErrors, contactMethod, setValue]);
-
   return (
     <div className={`${contactMethod && 'flex gap-2'}`}>
       <Controller
diff --git a/src/components/lounge/form/LoungeForm.tsx b/src/components/lounge/form/LoungeForm.tsx
index eb15b4ea..eeb5c94b 100644
--- a/src/components/lounge/form/LoungeForm.tsx
+++ b/src/components/lounge/form/LoungeForm.tsx
@@ -22,6 +22,7 @@ import {
   SubmitErrorHandler,
   SubmitHandler,
   useForm,
+  useWatch,
 } from 'react-hook-form';
 import { BsLink45Deg } from 'react-icons/bs';
 
@@ -62,9 +63,18 @@ const changeDataToFieldValues = (
     recruitmentType: data?.ptype || '',
     startDate: data?.recruitmentStart || '',
     endDate: data?.recruitmentEnd || '',
-    positions: data && data.position ? data.position.map(item => item.id) : [],
-    requiredStacks:
-      data && data.techStack ? data.techStack.map(item => item.id) : [],
+    // eslint-disable-next-line no-nested-ternary
+    positions: !data
+      ? []
+      : data?.position.length === 0
+        ? [0]
+        : data?.position.map(item => item.id),
+    // eslint-disable-next-line no-nested-ternary
+    requiredStacks: !data
+      ? []
+      : data.techStack.length === 0
+        ? [0]
+        : data.techStack.map(item => item.id),
     projectTitle: data?.title || '',
     projectDescription: data?.description || '',
   };
@@ -83,6 +93,7 @@ export default function LoungeForm() {
   const { data: projectsDetail } = useGetPostDetail<LoungeDto.GetProjectDetail>(
     Number(modifyProjectId || 0),
   );
+
   const { mutateAsync: postProject, isPending: isPostProjectPending } =
     usePostMyPost<LoungeDto.PostProjectParams>();
 
@@ -103,6 +114,9 @@ export default function LoungeForm() {
     formState: { isDirty, isSubmitting },
   } = methods;
 
+  const currCampusIdList = useWatch({ control, name: 'projectDescription' });
+  console.log(currCampusIdList);
+
   usePageBlocker({
     isBlockRefresh: true,
     form: {
diff --git a/src/components/lounge/layout/LoungeSideView.tsx b/src/components/lounge/layout/LoungeSideView.tsx
index 8a4162fd..b86727e7 100644
--- a/src/components/lounge/layout/LoungeSideView.tsx
+++ b/src/components/lounge/layout/LoungeSideView.tsx
@@ -31,10 +31,13 @@ export default function LoungeSideView() {
       <Title as="h2" title="마감 하루전!" className="mb-3" highlight="마감" />
 
       {endingTomorrowProjectList && endingTomorrowProjectList?.length !== 0 ? (
-        <ul className="flex flex-col gap-3.5">
+        <ul className="flex flex-col">
           {endingTomorrowProjectList?.map(
             ({ projectId, postId, title, imgUrl, userNickname }) => (
-              <li key={projectId} className="border-t pt-3.5 first:border-t-0">
+              <li
+                key={projectId}
+                className="cursor-pointer border-t py-2.5 first:border-t-0"
+              >
                 <div
                   role="link"
                   tabIndex={0}
diff --git a/src/components/post-collection/PostTableRow.tsx b/src/components/post-collection/PostTableRow.tsx
index 015de8c1..2bde983d 100644
--- a/src/components/post-collection/PostTableRow.tsx
+++ b/src/components/post-collection/PostTableRow.tsx
@@ -123,7 +123,7 @@ export default function PostTableRow<T extends UserPost | UserComment>({
               tabIndex={0}
               onClick={onViewCount}
               onKeyDown={e => e.key === 'Enter' && onViewCount}
-              className="underline"
+              className="cursor-pointer underline"
             >
               {title}
             </div>
diff --git a/src/pages/trainee/AppliedSessionsDetail.tsx b/src/pages/trainee/AppliedSessionsDetail.tsx
index 0c6945b4..48c40a1f 100644
--- a/src/pages/trainee/AppliedSessionsDetail.tsx
+++ b/src/pages/trainee/AppliedSessionsDetail.tsx
@@ -38,7 +38,7 @@ export default function AppliedSessionsDetail() {
       {!isLoading &&
         (myAppliedSessionList?.length === 0 ? (
           <EmptyContent
-            message="신청한 이벤트가 없습니다."
+            message="신청한 특강/행사가 없습니다."
             className="h-full pb-20"
           />
         ) : (

From 582add755b7bea86a0cd227defd783a490c6e486 Mon Sep 17 00:00:00 2001
From: jellie <talentforest0501@gmail.com>
Date: Thu, 10 Jul 2025 15:41:23 +0900
Subject: [PATCH 07/12] =?UTF-8?q?feat:=20=EB=A7=9B=EC=A7=91=EC=BA=A0?=
 =?UTF-8?q?=ED=8D=BC=EC=8A=A4=20=ED=95=84=ED=84=B0=EB=A5=BC=20=EB=82=98?=
 =?UTF-8?q?=EC=9D=98=20=EC=BA=A0=ED=8D=BC=EC=8A=A4=EB=A1=9C=20=EC=A0=81?=
 =?UTF-8?q?=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/store/StoreFilterForm.tsx | 7 ++++++-
 src/hooks/store/useGetStoreList.ts       | 7 ++++++-
 src/pages/Login.tsx                      | 9 ++++++---
 src/services/store/storeQueries.ts       | 8 ++++++--
 4 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/src/components/store/StoreFilterForm.tsx b/src/components/store/StoreFilterForm.tsx
index 49ff6e40..6f73fb06 100644
--- a/src/components/store/StoreFilterForm.tsx
+++ b/src/components/store/StoreFilterForm.tsx
@@ -2,6 +2,7 @@ import { useCallback, useEffect, useMemo } from 'react';
 
 import { useSearchParams } from 'react-router-dom';
 
+import { useGetUserProfile } from '@/services/auth/authQueries';
 import { useGetCampusList } from '@/services/campusCourse/campusCourseQueries';
 import { useGetFilterCount } from '@/services/store/storeQueries';
 
@@ -37,7 +38,11 @@ export default function StoreFilterForm({ onReset }: StoreFilterFormProps) {
 
   const { data: campusList } = useGetCampusList();
 
-  const campusId = Number(searchParams.get('campusId')) || 1;
+  const { data: userProfile } = useGetUserProfile();
+
+  const userCampus = userProfile?.campusList[0].id;
+
+  const campusId = Number(searchParams.get('campusId')) || userCampus || 1; // .
 
   const { data: filterCount } = useGetFilterCount(+campusId);
 
diff --git a/src/hooks/store/useGetStoreList.ts b/src/hooks/store/useGetStoreList.ts
index f8718049..3dbef894 100644
--- a/src/hooks/store/useGetStoreList.ts
+++ b/src/hooks/store/useGetStoreList.ts
@@ -1,15 +1,20 @@
+import { useGetUserProfile } from '@/services/auth/authQueries';
 import { useGetInfiniteStoreList } from '@/services/store/storeQueries';
 
 import { Store } from '@/types/store/storeDto';
 
 export const useGetStoreList = () => {
+  const { data: userProfile } = useGetUserProfile();
+
+  const userCampusId = userProfile?.campusList[0].id || 1;
+
   const {
     data = { pages: [{ stores: [], totalPages: 0 }], pageParams: [] },
     fetchNextPage,
     hasNextPage,
     isFetching,
     isLoading,
-  } = useGetInfiniteStoreList();
+  } = useGetInfiniteStoreList({ userCampusId });
 
   const excellentIndex = data?.pages.map(item => item.stores);
 
diff --git a/src/pages/Login.tsx b/src/pages/Login.tsx
index 6ec83d9c..c91dd13c 100644
--- a/src/pages/Login.tsx
+++ b/src/pages/Login.tsx
@@ -17,9 +17,12 @@ export default function Login() {
 
   const handleTestAdminLogin = async () => {
     try {
-      const response = await axiosInstance.get('/test/getAdminCookie', {
-        withCredentials: true,
-      });
+      const response = await axiosInstance.get(
+        '/test/getUserCookie?email=jellieee951@gmail.com',
+        {
+          withCredentials: true,
+        },
+      );
 
       const { access_token: accessToken } = response.data;
 
diff --git a/src/services/store/storeQueries.ts b/src/services/store/storeQueries.ts
index 023efc0c..a923e6fa 100644
--- a/src/services/store/storeQueries.ts
+++ b/src/services/store/storeQueries.ts
@@ -15,7 +15,11 @@ import {
 } from '@/types/store/storeMealPostDto';
 import { extractValidParams } from '@/utils';
 
-export const useGetInfiniteStoreList = () => {
+export const useGetInfiniteStoreList = ({
+  userCampusId,
+}: {
+  userCampusId: number;
+}) => {
   const [searchParams] = useSearchParams();
   const newSearchParams = extractValidParams(searchParams);
   const pageSize = 10;
@@ -28,7 +32,7 @@ export const useGetInfiniteStoreList = () => {
         {
           params: {
             page: pageParam,
-            campusId: newSearchParams.campusId || 1,
+            campusId: newSearchParams.campusId || userCampusId,
             ...newSearchParams,
             size: pageSize,
           },

From 08a9c78bfd454deb50d593a0a163f54f1418820a Mon Sep 17 00:00:00 2001
From: jellie <talentforest0501@gmail.com>
Date: Thu, 10 Jul 2025 16:10:46 +0900
Subject: [PATCH 08/12] =?UTF-8?q?feat:=20=ED=95=9C=EB=81=BC=ED=8C=9F=20?=
 =?UTF-8?q?=EB=B0=A9=EC=9E=A5=20=ED=8F=AD=ED=8C=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/store/StoreFilterForm.tsx      |  4 +-
 .../meal-recruit/MealRecruitCardModal.tsx     | 84 +++++++++++++++----
 src/hooks/store/useGetStoreList.ts            |  2 +-
 src/services/store/storeMutations.ts          | 10 +--
 src/services/store/storeQueries.ts            |  5 +-
 5 files changed, 79 insertions(+), 26 deletions(-)

diff --git a/src/components/store/StoreFilterForm.tsx b/src/components/store/StoreFilterForm.tsx
index 6f73fb06..be7a74de 100644
--- a/src/components/store/StoreFilterForm.tsx
+++ b/src/components/store/StoreFilterForm.tsx
@@ -42,9 +42,9 @@ export default function StoreFilterForm({ onReset }: StoreFilterFormProps) {
 
   const userCampus = userProfile?.campusList[0].id;
 
-  const campusId = Number(searchParams.get('campusId')) || userCampus || 1; // .
+  const campusId = Number(searchParams.get('campusId')) || userCampus;
 
-  const { data: filterCount } = useGetFilterCount(+campusId);
+  const { data: filterCount } = useGetFilterCount(campusId);
 
   const { showDialog } = useDialogContext();
 
diff --git a/src/components/store/meal-recruit/MealRecruitCardModal.tsx b/src/components/store/meal-recruit/MealRecruitCardModal.tsx
index 5c4bc656..7940a49e 100644
--- a/src/components/store/meal-recruit/MealRecruitCardModal.tsx
+++ b/src/components/store/meal-recruit/MealRecruitCardModal.tsx
@@ -3,7 +3,8 @@ import { useCallback } from 'react';
 import { useQueryClient } from '@tanstack/react-query';
 
 import {
-  usePutMealPost,
+  useDeleteMealPost,
+  usePutMealParticipate,
   usePutMealPostLeave,
 } from '@/services/store/storeMutations';
 import { useGetMealPostDetail } from '@/services/store/storeQueries';
@@ -27,16 +28,17 @@ export default function MealRecruitCardModal({
   isParticipant,
   isOwner,
 }: MealRecruitCardModalProps) {
-  const { hideDialog, showToast } = useDialogContext();
-
   const queryClient = useQueryClient();
+
   const { data, isLoading } = useGetMealPostDetail(id);
 
+  const { hideDialog, showToast, alert } = useDialogContext();
+
   const {
     mutateAsync: joinMeal,
     isPending: isJoinMealPending,
     isIdle: isJoinIdle,
-  } = usePutMealPost();
+  } = usePutMealParticipate();
 
   const {
     mutateAsync: leaveMeal,
@@ -44,6 +46,12 @@ export default function MealRecruitCardModal({
     isIdle: isLeaveIdle,
   } = usePutMealPostLeave();
 
+  const {
+    mutateAsync: deleteMeal,
+    isPending: isDeleteMealPending,
+    isIdle: isDeleteIdle,
+  } = useDeleteMealPost();
+
   const handleJoinClick = useCallback(async () => {
     try {
       await joinMeal({ mealPostId: id });
@@ -60,17 +68,59 @@ export default function MealRecruitCardModal({
 
   const handleLeaveClick = useCallback(async () => {
     try {
-      await leaveMeal({ mealPostId: id });
-      await queryClient.invalidateQueries({
-        queryKey: ['useGetInfiniteMealPostList'],
-      });
-      hideDialog();
-      showToast('한끼팟 나가기에 성공하였습니다.');
+      if (isOwner) {
+        await alert({
+          text: '정말로 한끼팟을 폭파하시겠습니까?',
+          subText: '다른 참여자들은 모두 자동으로 나가지게 됩니다.',
+          children: (
+            <>
+              <SquareButton
+                name="취소"
+                onClick={hideDialog}
+                color="gray"
+                type="button"
+              />
+              <SquareButton
+                type="button"
+                name="확인"
+                onClick={async () => {
+                  await deleteMeal({ mealPostId: id });
+                  await hideDialog();
+                  await queryClient.invalidateQueries({
+                    queryKey: ['useGetInfiniteMealPostList'],
+                  });
+                  showToast('한끼팟을 폭파했습니다.');
+                }}
+              />
+            </>
+          ),
+        });
+      } else {
+        await leaveMeal({ mealPostId: id });
+        await hideDialog();
+        await queryClient.invalidateQueries({
+          queryKey: ['useGetInfiniteMealPostList'],
+        });
+        showToast('한끼팟 나가기에 성공하였습니다.');
+      }
     } catch (err) {
       hideDialog();
-      showToast('한끼팟 나가기에 실패했습니다.');
+      showToast(
+        isOwner
+          ? '한끼팟을 폭파하지 못했습니다.'
+          : '한끼팟 나가기에 실패했습니다.',
+      );
     }
-  }, [id, queryClient, hideDialog, showToast, leaveMeal]);
+  }, [
+    isOwner,
+    queryClient,
+    showToast,
+    alert,
+    hideDialog,
+    deleteMeal,
+    id,
+    leaveMeal,
+  ]);
 
   return (
     !isLoading &&
@@ -165,13 +215,17 @@ export default function MealRecruitCardModal({
             />
           )}
 
-          {isParticipant && !isOwner && (
+          {isParticipant && (
             <SquareButton
               type="button"
-              name="한끼팟 나가기"
+              name={isOwner ? '한끼팟 폭파' : '한끼팟 나가기'}
               className="w-full flex-1"
               onClick={handleLeaveClick}
-              disabled={isLeaveMealPending || !isLeaveIdle}
+              disabled={
+                isOwner
+                  ? isDeleteMealPending || !isDeleteIdle
+                  : isLeaveMealPending || !isLeaveIdle
+              }
             />
           )}
         </div>
diff --git a/src/hooks/store/useGetStoreList.ts b/src/hooks/store/useGetStoreList.ts
index 3dbef894..d47fd00c 100644
--- a/src/hooks/store/useGetStoreList.ts
+++ b/src/hooks/store/useGetStoreList.ts
@@ -6,7 +6,7 @@ import { Store } from '@/types/store/storeDto';
 export const useGetStoreList = () => {
   const { data: userProfile } = useGetUserProfile();
 
-  const userCampusId = userProfile?.campusList[0].id || 1;
+  const userCampusId = userProfile?.campusList[0].id;
 
   const {
     data = { pages: [{ stores: [], totalPages: 0 }], pageParams: [] },
diff --git a/src/services/store/storeMutations.ts b/src/services/store/storeMutations.ts
index d366e57c..1d2917bd 100644
--- a/src/services/store/storeMutations.ts
+++ b/src/services/store/storeMutations.ts
@@ -64,7 +64,7 @@ export const usePostMeal = () => {
   });
 };
 
-export const usePutMealPost = () => {
+export const usePutMealParticipate = () => {
   return useMutation<boolean, AxiosError, PutMealPost>({
     mutationFn: async requestBody => {
       const { data } = await axiosInstance.put(
@@ -85,12 +85,10 @@ export const usePutMealPostLeave = () => {
   });
 };
 
-export const usePutMealPostDelete = () => {
+export const useDeleteMealPost = () => {
   return useMutation<boolean, AxiosError, PutMealPost>({
-    mutationFn: async requestBody => {
-      const { data } = await axiosInstance.delete(`/mealPost`, {
-        data: requestBody,
-      });
+    mutationFn: async ({ mealPostId }: { mealPostId: number }) => {
+      const { data } = await axiosInstance.delete(`/mealPost/${mealPostId}`);
       return data;
     },
   });
diff --git a/src/services/store/storeQueries.ts b/src/services/store/storeQueries.ts
index a923e6fa..8693d083 100644
--- a/src/services/store/storeQueries.ts
+++ b/src/services/store/storeQueries.ts
@@ -18,7 +18,7 @@ import { extractValidParams } from '@/utils';
 export const useGetInfiniteStoreList = ({
   userCampusId,
 }: {
-  userCampusId: number;
+  userCampusId?: number;
 }) => {
   const [searchParams] = useSearchParams();
   const newSearchParams = extractValidParams(searchParams);
@@ -43,12 +43,13 @@ export const useGetInfiniteStoreList = ({
         nextPage: data.stores.length === pageSize ? pageParam + 1 : undefined,
       };
     },
+    enabled: !!userCampusId,
     getNextPageParam: lastPage => lastPage.nextPage,
     initialPageParam: 0,
   });
 };
 
-export const useGetFilterCount = (campusId: number) => {
+export const useGetFilterCount = (campusId?: number) => {
   return useQuery({
     queryKey: ['useGetFilterCount', campusId],
     queryFn: async () => {

From d44f3ed9e8b2d7432bc7495d0c45ae7b1b818872 Mon Sep 17 00:00:00 2001
From: jellie <talentforest0501@gmail.com>
Date: Thu, 10 Jul 2025 16:27:33 +0900
Subject: [PATCH 09/12] =?UTF-8?q?feat:=20=ED=8A=B9=EA=B0=95=20=EC=8B=A0?=
 =?UTF-8?q?=EC=B2=AD=20=ED=98=84=ED=99=A9=20=EC=83=81=ED=83=9C=20=EB=B0=94?=
 =?UTF-8?q?=EB=A1=9C=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/session/AppliedSessionCard.tsx        | 8 ++++----
 src/pages/Login.tsx                                  | 9 +++------
 src/pages/admin/SessionApplicantManagementDetail.tsx | 9 +++++++--
 3 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/components/session/AppliedSessionCard.tsx b/src/components/session/AppliedSessionCard.tsx
index 20822f7f..2e57bb7d 100644
--- a/src/components/session/AppliedSessionCard.tsx
+++ b/src/components/session/AppliedSessionCard.tsx
@@ -97,9 +97,9 @@ export default function AppliedSessionCard({
           <span>|</span>
           <span className="overflow-x-scroll truncate whitespace-nowrap scrollbar-hide">
             {meetingType === 'ONLINE' &&
-              (meetingPlace ? (
+              (meetingPlace && status === 'PARTICIPANT' ? (
                 <a
-                  href={meetingPlace} // NOTE: url 변경하기
+                  href={meetingPlace}
                   target="_blank"
                   rel="noreferrer"
                   className="overflow-x-scroll truncate whitespace-nowrap text-blue-300 underline underline-offset-1 scrollbar-hide"
@@ -107,7 +107,7 @@ export default function AppliedSessionCard({
                   {meetingPlace}
                 </a>
               ) : (
-                <span className="text-darkGray">미정</span>
+                <span className="text-darkGray">참여 확정시 링크 제공</span>
               ))}
 
             {meetingType === 'OFFLINE' &&
@@ -116,7 +116,7 @@ export default function AppliedSessionCard({
                   {meetingPlace}
                 </span>
               ) : (
-                <span className="text-darkGray">미정</span>
+                <span className="text-darkGray">참여 확정시 장소 제공</span>
               ))}
           </span>
         </li>
diff --git a/src/pages/Login.tsx b/src/pages/Login.tsx
index c91dd13c..6ec83d9c 100644
--- a/src/pages/Login.tsx
+++ b/src/pages/Login.tsx
@@ -17,12 +17,9 @@ export default function Login() {
 
   const handleTestAdminLogin = async () => {
     try {
-      const response = await axiosInstance.get(
-        '/test/getUserCookie?email=jellieee951@gmail.com',
-        {
-          withCredentials: true,
-        },
-      );
+      const response = await axiosInstance.get('/test/getAdminCookie', {
+        withCredentials: true,
+      });
 
       const { access_token: accessToken } = response.data;
 
diff --git a/src/pages/admin/SessionApplicantManagementDetail.tsx b/src/pages/admin/SessionApplicantManagementDetail.tsx
index d96d7e5b..b60daa48 100644
--- a/src/pages/admin/SessionApplicantManagementDetail.tsx
+++ b/src/pages/admin/SessionApplicantManagementDetail.tsx
@@ -1,5 +1,7 @@
 import { useLocation, useParams, useSearchParams } from 'react-router-dom';
 
+import { useQueryClient } from '@tanstack/react-query';
+
 import { useGetPostDetail } from '@/services/post/postQueries';
 
 import {
@@ -41,6 +43,8 @@ const initialFilter = {
 };
 
 export default function SessionApplicantManagementDetail() {
+  const queryClient = useQueryClient();
+
   const { state } = useLocation() as {
     state?: { sessionDetail: NoticeSessionDetail };
   };
@@ -81,7 +85,6 @@ export default function SessionApplicantManagementDetail() {
     onCheckedChange,
     onAllClearCheckedChange,
     onAllCheckedChange,
-    invalidateQueries,
 
     acceptApplicant,
     rejectApplicant,
@@ -159,7 +162,9 @@ export default function SessionApplicantManagementDetail() {
                       return null;
                     }),
                   );
-                  await invalidateQueries();
+                  await queryClient.invalidateQueries({
+                    queryKey: ['useGetSessionApplicantList'],
+                  });
                   showToast(`선택한 참가자들을 모두 ${type}했습니다.`);
                   onAllClearCheckedChange();
                   hideDialog();

From b5ade5248330d17ae21991cf5be040aedaf77186 Mon Sep 17 00:00:00 2001
From: jellie <talentforest0501@gmail.com>
Date: Thu, 10 Jul 2025 16:42:04 +0900
Subject: [PATCH 10/12] =?UTF-8?q?feat:=20=EB=A7=9B=EC=A7=91=20=EB=8C=93?=
 =?UTF-8?q?=EA=B8=80=20=EC=97=85=EB=8D=B0=EC=9D=B4=ED=8A=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/store/modal/StoreReviewForm.tsx       | 2 +-
 src/pages/admin/SessionApplicantManagementDetail.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/store/modal/StoreReviewForm.tsx b/src/components/store/modal/StoreReviewForm.tsx
index 32bba9db..ad7d4d74 100644
--- a/src/components/store/modal/StoreReviewForm.tsx
+++ b/src/components/store/modal/StoreReviewForm.tsx
@@ -72,7 +72,7 @@ export default function StoreReviewForm({
         showToast('댓글을 등록했어요!', 1000);
         reset();
         queryClient.invalidateQueries({
-          queryKey: ['useGetStoreDetail', storeId],
+          queryKey: ['useGetPostDetail', storeId],
         });
       } catch (err) {
         showToast('댓글을 등록하지 못했어요.');
diff --git a/src/pages/admin/SessionApplicantManagementDetail.tsx b/src/pages/admin/SessionApplicantManagementDetail.tsx
index b60daa48..bd97c82a 100644
--- a/src/pages/admin/SessionApplicantManagementDetail.tsx
+++ b/src/pages/admin/SessionApplicantManagementDetail.tsx
@@ -27,7 +27,7 @@ import {
 } from '@/types';
 import { SessionApplicantsStatusTabType } from '@/types/admin';
 import { formatDate, getDDay } from '@/utils';
-import { BsCalendar, BsCalendar2Minus, BsClock } from 'react-icons/bs';
+import { BsCalendar, BsClock } from 'react-icons/bs';
 
 import EmptyContent from '@/components/common/EmptyContent';
 import Pagination from '@/components/common/Pagination';
@@ -237,7 +237,7 @@ export default function SessionApplicantManagementDetail() {
 
               <div className="flex items-center gap-1">
                 <span className="text-[15px] text-darkGray">마감</span>
-                <BsCalendar2Minus size={13} className="text-darkGray" />
+                <BsCalendar size={13} className="text-darkGray" />
                 <span className="text-[15px] text-darkGray">
                   {formatDate(
                     noticeDetail?.applicationEndDateTime,

From ec393d7b369b0ca01af4d5ab4db18a93fe84eaa7 Mon Sep 17 00:00:00 2001
From: jellie <talentforest0501@gmail.com>
Date: Fri, 11 Jul 2025 14:52:27 +0900
Subject: [PATCH 11/12] =?UTF-8?q?feat:=20=ED=8F=BC=20=EC=97=B0=EB=9D=BD?=
 =?UTF-8?q?=EB=B0=A9=EB=B2=95=20=EB=B3=80=EA=B2=BD=EC=8B=9C=20=EC=97=B0?=
 =?UTF-8?q?=EB=9D=BD=EC=B2=98=EA=B0=92=20=EC=B4=88=EA=B8=B0=ED=99=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../lounge/form/ContactMethodContainer.tsx    | 24 ++++++++++++-------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/components/lounge/form/ContactMethodContainer.tsx b/src/components/lounge/form/ContactMethodContainer.tsx
index b5b4c101..6e26a289 100644
--- a/src/components/lounge/form/ContactMethodContainer.tsx
+++ b/src/components/lounge/form/ContactMethodContainer.tsx
@@ -7,7 +7,7 @@ import ControllerPhoneNumber from '@/components/common/input/ControllerPhoneNumb
 import TextInput from '@/components/common/input/TextInput';
 
 export default function ContactMethodContainer() {
-  const { control } = useFormContext();
+  const { control, setValue, clearErrors } = useFormContext();
 
   const contactMethod: ContactMethodDisplayKey | '' = useWatch({
     control,
@@ -20,6 +20,8 @@ export default function ContactMethodContainer() {
     MESSENGER: '오픈채팅방 링크를 입력해주세요.',
   };
 
+  const currContactMethod = useWatch({ control, name: 'contactMethod' });
+
   return (
     <div className={`${contactMethod && 'flex gap-2'}`}>
       <Controller
@@ -36,14 +38,25 @@ export default function ContactMethodContainer() {
               options={contactMethodList}
               selectedOption={selectedOption}
               errorMsg={error?.message}
-              onChangeValue={data => onChange(data[0].key)}
+              onChangeValue={data => {
+                if (currContactMethod === data[0].key) return;
+
+                setValue('contactDetail', '');
+                clearErrors('contactDetail');
+                onChange(data[0].key);
+              }}
             />
           );
         }}
       />
 
       {contactMethod &&
-        (contactMethod !== 'PHONE' ? (
+        (contactMethod === 'PHONE' ? (
+          <ControllerPhoneNumber
+            name="contactDetail"
+            className="!h-[57px] !border-mainGray !pl-2"
+          />
+        ) : (
           <Controller
             control={control}
             name="contactDetail"
@@ -64,11 +77,6 @@ export default function ContactMethodContainer() {
               );
             }}
           />
-        ) : (
-          <ControllerPhoneNumber
-            name="contactDetail"
-            className="!h-[57px] !border-mainGray !pl-2"
-          />
         ))}
     </div>
   );

From 3219f7a4912a7cfb735a899c753455ce22df46ed Mon Sep 17 00:00:00 2001
From: jellie <talentforest0501@gmail.com>
Date: Fri, 11 Jul 2025 22:05:16 +0900
Subject: [PATCH 12/12] =?UTF-8?q?feat:=20=EC=BA=98=EB=A6=B0=EB=8D=94=20?=
 =?UTF-8?q?=ED=86=A0=ED=81=B0=20refresh?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../calendar/CalendarCheckBoxList.tsx         | 44 ++++++++++---------
 src/components/lounge/form/LoungeForm.tsx     |  4 --
 src/hooks/calendar/useCalendarList.ts         | 21 ++++++++-
 src/pages/trainee/Schedule.tsx                |  2 +-
 src/services/auth/authQueries.ts              | 20 ++++++---
 5 files changed, 58 insertions(+), 33 deletions(-)

diff --git a/src/components/calendar/CalendarCheckBoxList.tsx b/src/components/calendar/CalendarCheckBoxList.tsx
index bf074319..13a3dd44 100644
--- a/src/components/calendar/CalendarCheckBoxList.tsx
+++ b/src/components/calendar/CalendarCheckBoxList.tsx
@@ -58,33 +58,37 @@ export default function CalendarCheckBoxList({
           titleClassName="text-mainGreen text-sm text-darkGray-active mb-3 [&>button>svg]:text-xs [&>button>svg]:text-darkGray-active"
           initialOpen
         >
-          <ul className="flex flex-col gap-2">
-            {category === '교육과정 캘린더' &&
-              calendarList?.map(calendar => (
+          {category === '교육과정 캘린더' && (
+            <ul className="flex flex-col gap-2">
+              {calendarList?.map(calendar => (
                 <CourseCalendarCheckBox
                   key={calendar.courseId}
                   calendar={calendar}
                   onChange={() => onCheckBoxChange(calendar.calendarId)}
                 />
               ))}
-          </ul>
+            </ul>
+          )}
 
-          <ul className="flex flex-col gap-2">
-            {category === '개인 캘린더' &&
-              calendarList?.map(({ id, summary, backgroundColor, primary }) => (
-                <li key={id} className="[&>label]:items-start">
-                  <Checkbox
-                    id={id}
-                    text={primary ? '기본 캘린더' : summary}
-                    checked={!!currentCalendarIds?.includes(id)}
-                    onChange={() => onCheckBoxChange(id)}
-                    textClassName="!text-black"
-                    checkBoxColor={backgroundColor}
-                    inputClassName="mt-1"
-                  />
-                </li>
-              ))}
-          </ul>
+          {category === '개인 캘린더' && (
+            <ul className="flex flex-col gap-2">
+              {calendarList?.map(
+                ({ id, summary, backgroundColor, primary }) => (
+                  <li key={id} className="[&>label]:items-start">
+                    <Checkbox
+                      id={id}
+                      text={primary ? '기본 캘린더' : summary}
+                      checked={!!currentCalendarIds?.includes(id)}
+                      onChange={() => onCheckBoxChange(id)}
+                      textClassName="!text-black"
+                      checkBoxColor={backgroundColor}
+                      inputClassName="mt-1 border"
+                    />
+                  </li>
+                ),
+              )}
+            </ul>
+          )}
         </Accordion>
       ))}
     </ul>
diff --git a/src/components/lounge/form/LoungeForm.tsx b/src/components/lounge/form/LoungeForm.tsx
index eeb5c94b..87c2594e 100644
--- a/src/components/lounge/form/LoungeForm.tsx
+++ b/src/components/lounge/form/LoungeForm.tsx
@@ -22,7 +22,6 @@ import {
   SubmitErrorHandler,
   SubmitHandler,
   useForm,
-  useWatch,
 } from 'react-hook-form';
 import { BsLink45Deg } from 'react-icons/bs';
 
@@ -114,9 +113,6 @@ export default function LoungeForm() {
     formState: { isDirty, isSubmitting },
   } = methods;
 
-  const currCampusIdList = useWatch({ control, name: 'projectDescription' });
-  console.log(currCampusIdList);
-
   usePageBlocker({
     isBlockRefresh: true,
     form: {
diff --git a/src/hooks/calendar/useCalendarList.ts b/src/hooks/calendar/useCalendarList.ts
index f2d8c1ca..d4226a20 100644
--- a/src/hooks/calendar/useCalendarList.ts
+++ b/src/hooks/calendar/useCalendarList.ts
@@ -65,15 +65,32 @@ export const useCalendarList = () => {
     }
   }, []);
 
+  // 맨처음 로컬스토리지에 값 없으면 다 저장.
+  // 로컬스토리지에 값 가져오기
   useEffect(() => {
     const courseCalendarIdList = courseCalendarList
-      .filter(detail => detail?.accessRole)
+      .filter(({ calendarId }) => calendarId)
       .map(({ calendarId }) => calendarId);
 
+    // const selectedCourseCalendarIdList = localStorage
+    //   .getItem('selectedCourseCalendarIdList')
+    //   ?.split(', ');
+
+    // if (
+    //   !selectedCourseCalendarIdList ||
+    //   selectedCourseCalendarIdList?.length === 0
+    // ) {
+    //   localStorage.setItem(
+    //     'selectedCourseCalendarIdList',
+    //     courseCalendarIdList.join(', '),
+    //   );
+    // }
+
     if (courseCalendarIdList?.length !== 0) {
       setCurrShowingCalendarIds(courseCalendarIdList);
     }
-  }, [setCurrShowingCalendarIds, courseCalendarList]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [courseCalendarList]);
 
   return {
     allCalendarList,
diff --git a/src/pages/trainee/Schedule.tsx b/src/pages/trainee/Schedule.tsx
index 6658809e..c5591c80 100644
--- a/src/pages/trainee/Schedule.tsx
+++ b/src/pages/trainee/Schedule.tsx
@@ -27,7 +27,7 @@ export default function Schedule() {
     <MainView className="mb-20 h-screen !min-h-[900px]">
       <Header
         title={`${userProfile?.name} 스프님 새싹 일정`}
-        highlight="새싹"
+        highlight="새싹 일정"
       />
 
       {!isCalendarDataLoading && !isCourseCalendarStatusLoading && (
diff --git a/src/services/auth/authQueries.ts b/src/services/auth/authQueries.ts
index 2490b725..3e5fadb2 100644
--- a/src/services/auth/authQueries.ts
+++ b/src/services/auth/authQueries.ts
@@ -4,6 +4,7 @@ import { axiosInstance } from '@/services/axiosInstance';
 
 import { CALENDAR_TOKEN_KEY } from '@/constants';
 import { UserProfileDto } from '@/types';
+import { AxiosError } from 'axios';
 
 // 로그인 검증
 export const loginCheck = () => axiosInstance.get('/login/check');
@@ -20,12 +21,19 @@ export const getVerifyNicknameResult = (nickname: string) =>
 
 // 캘린더 인증
 export const getCalendarToken = () =>
-  axiosInstance.get('/user/calendar').then(res => {
-    const calendarAccessToken = res.data.access_token;
-    if (calendarAccessToken) {
-      sessionStorage.setItem(CALENDAR_TOKEN_KEY, calendarAccessToken);
-    }
-  });
+  axiosInstance
+    .get('/user/calendar')
+    .then(res => {
+      const calendarAccessToken = res.data.access_token;
+      if (calendarAccessToken) {
+        sessionStorage.setItem(CALENDAR_TOKEN_KEY, calendarAccessToken);
+      }
+    })
+    .catch((err: AxiosError) => {
+      if (err.response?.status === 400) {
+        window.location.href = `${import.meta.env.VITE_SERVER_API_URL}/oauth2/authorization/google`;
+      }
+    });
 
 // 리프레시 토큰
 export const getNewAccessToken = () =>