From 9706fc6c381a015352f5e6bee81ee20e6e82596b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=98=88=EB=8F=84?= <kyd629@naver.com>
Date: Fri, 27 Dec 2024 15:01:57 +0900
Subject: [PATCH 1/7] =?UTF-8?q?=F0=9F=92=84=20=EC=9C=84=ED=82=A4=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80,=20=ED=94=84=EB=A1=9C=ED=95=84=20=EB=94=94?=
 =?UTF-8?q?=EC=9E=90=EC=9D=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/UserProfile.tsx        | 10 +++++-----
 components/wiki.page/Contents.tsx | 26 ++++++++++++++------------
 pages/wiki/[code].tsx             |  2 +-
 3 files changed, 20 insertions(+), 18 deletions(-)

diff --git a/components/UserProfile.tsx b/components/UserProfile.tsx
index 68f8d60..a0e4087 100644
--- a/components/UserProfile.tsx
+++ b/components/UserProfile.tsx
@@ -52,7 +52,7 @@ function UserProfile({
     }
 
     return (
-      <p className="flex h-[18px] w-[200px] text-14 mo:text-12">
+      <p className="flex h-[18px] w-[200px] text-14 mo:w-[180px] mo:text-12 pc:gap-[20px]">
         <span className="flex-[1] text-gray-400">{label}</span>
         <span className="flex-[2] text-gray-500">{data[field]}</span>
       </p>
@@ -61,14 +61,14 @@ function UserProfile({
 
   return (
     // 메인 컨테이너
-    <div className="mx-auto max-w-4xl rounded-custom bg-white shadow-custom dark:bg-gray-600 dark:shadow-custom-dark mo:w-11/12 ta:w-11/12 pc:w-[400px] pc:p-7 tamo:p-5">
+    <div className="max-w-4xl rounded-custom bg-white shadow-custom dark:bg-gray-600 dark:shadow-custom-dark pc:h-[671px] pc:w-[320px] pc:p-7 tamo:w-full tamo:p-5">
       {/* 레이아웃 컨테이너: PC에서는 세로, 모바일/태블릿에서는 가로 배치 */}
       <div
-        className={`flex ${isEditing ? 'flex-col' : 'flex-col mo:flex-row ta:flex-row pc:flex-col'} pc:items-center`}
+        className={`flex ${isEditing ? 'flex-col' : 'flex-col mo:flex-row ta:flex-row pc:flex-col'}`}
       >
         {/* 프로필 이미지 섹션 */}
         <div
-          className={`flex items-center justify-center tamo:pt-4 ${isEditing ? '' : 'mo:self-start ta:self-start'}`}
+          className={`flex items-center justify-center pc:pb-[60px] pc:pt-[40px] tamo:pl-[10px] tamo:pt-4 ${isEditing ? '' : 'mo:self-start ta:self-start'}`}
         >
           {/* 이미지 업로드 버튼 */}
           <button
@@ -127,7 +127,7 @@ function UserProfile({
 
         {/* 프로필 정보 섹션 */}
         <div
-          className={`${isEditing ? 'mt-4 mo:justify-center' : 'mo:ml-4 mo:flex-1 ta:ml-4 ta:flex-1 pc:mt-4'} mt-6 pc:w-full`}
+          className={`${isEditing ? 'mt-4 mo:justify-center' : 'mo:ml-4 mo:flex-1 mo:pl-[20px] ta:ml-4 ta:flex-1 ta:pl-[40px] pc:mt-4'} mt-6 mo:pc:w-full`}
         >
           <div className="space-y-3">
             {/* 기본 정보 영역 */}
diff --git a/components/wiki.page/Contents.tsx b/components/wiki.page/Contents.tsx
index 3aedea0..828f0c6 100644
--- a/components/wiki.page/Contents.tsx
+++ b/components/wiki.page/Contents.tsx
@@ -165,21 +165,23 @@ export default function Contents({ profile }: ProfileProps) {
 
   return (
     <div
-      className={`pc:grid ${isEditing ? `pc:grid-rows-[75px]` : `pc:grid-rows-[150px]`} pc:gap-x-[80px] tamo:flex tamo:flex-col tamo:gap-[10px]`}
+      className={`pc:grid ${isEditing ? `pc:grid-rows-[75px]` : `pc:grid-rows-[200px]`} mo:px-[20px] ta:px-[60px] pc:gap-x-[80px] tamo:flex tamo:w-full tamo:flex-col tamo:gap-[10px]`}
       style={{ gridTemplateColumns: 'minmax(300px, 800px) 400px' }}
     >
       <div>
-        <ContentHeader
-          name={profile.name || ''}
-          link={`https://wikied-ten.vercel.app/wiki/${profile.code}`}
-          isEditing={isEditing}
-          isInfoSnackBarOpen={isInfoSnackBarOpen}
-          handleQuizOpen={handleQuizOpen}
-          isEmpty={isEmpty}
-          closeAndNoSave={closeAndNoSave}
-          saveContent={saveContent}
-          diffTime={diffTime}
-        />
+        <div className="pc:pt-[40px]">
+          <ContentHeader
+            name={profile.name || ''}
+            link={`https://wikied-ten.vercel.app/wiki/${profile.code}`}
+            isEditing={isEditing}
+            isInfoSnackBarOpen={isInfoSnackBarOpen}
+            handleQuizOpen={handleQuizOpen}
+            isEmpty={isEmpty}
+            closeAndNoSave={closeAndNoSave}
+            saveContent={saveContent}
+            diffTime={diffTime}
+          />
+        </div>
 
         <SnackBar
           severity={snackBarState.severity}
diff --git a/pages/wiki/[code].tsx b/pages/wiki/[code].tsx
index 4d4605d..72c338d 100644
--- a/pages/wiki/[code].tsx
+++ b/pages/wiki/[code].tsx
@@ -45,7 +45,7 @@ export default function Wiki() {
 
   return (
     <>
-      <div className="mt-[160px] flex justify-center pc:mx-[100px] tamo:px-[20px]">
+      <div className="mt-[120px] flex justify-center pc:mx-[100px]">
         {profile ? <Contents profile={profile} /> : <p>불러오는 중입니다...</p>}
       </div>
     </>

From c8acea99d36ddae11448edb2d4eec0c2e3bc6f2b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=98=88=EB=8F=84?= <kyd629@naver.com>
Date: Fri, 27 Dec 2024 15:08:13 +0900
Subject: [PATCH 2/7] =?UTF-8?q?=F0=9F=92=84=20=EC=8A=A4=EB=82=B5=EB=B0=94?=
 =?UTF-8?q?=20z-index,=20border=20=EB=94=94=EC=9E=90=EC=9D=B8=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/SnackBar.tsx           |  2 +-
 components/wiki.page/Contents.tsx | 18 ++++++++++--------
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/components/SnackBar.tsx b/components/SnackBar.tsx
index b31e85a..ff298e3 100644
--- a/components/SnackBar.tsx
+++ b/components/SnackBar.tsx
@@ -24,7 +24,7 @@ const severityConfig = {
     textStyle: 'text-green-300 text-14sb mo:text-12sb',
   },
   info: {
-    style: 'bg-background border-white',
+    style: 'bg-background border-background',
     icon: '/icon/icon-info.svg',
     textStyle: 'text-gray-500 text-14 mo:text-12',
   },
diff --git a/components/wiki.page/Contents.tsx b/components/wiki.page/Contents.tsx
index 828f0c6..5e2aa0c 100644
--- a/components/wiki.page/Contents.tsx
+++ b/components/wiki.page/Contents.tsx
@@ -183,14 +183,16 @@ export default function Contents({ profile }: ProfileProps) {
           />
         </div>
 
-        <SnackBar
-          severity={snackBarState.severity}
-          open={snackBarState.open}
-          onClose={() => setSnackBarState({ ...snackBarState, open: false })}
-          autoHideDuration={snackBarState.autoHideDuration}
-        >
-          {snackBarState.message}
-        </SnackBar>
+        <div className="fixed z-20">
+          <SnackBar
+            severity={snackBarState.severity}
+            open={snackBarState.open}
+            onClose={() => setSnackBarState({ ...snackBarState, open: false })}
+            autoHideDuration={snackBarState.autoHideDuration}
+          >
+            {snackBarState.message}
+          </SnackBar>
+        </div>
       </div>
       <WikiQuizModal
         isOpen={isQuizOpen}

From 557f6150cbcbf9b4522b119a2064e22eb4122307 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=98=88=EB=8F=84?= <kyd629@naver.com>
Date: Fri, 27 Dec 2024 15:21:51 +0900
Subject: [PATCH 3/7] =?UTF-8?q?=F0=9F=92=84=20=EB=93=9C=EB=A1=AD=EB=8B=A4?=
 =?UTF-8?q?=EC=9A=B4=20=EB=94=94=EC=9E=90=EC=9D=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Dropdown.tsx | 6 +++---
 components/Menu.tsx     | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/Dropdown.tsx b/components/Dropdown.tsx
index dea3feb..46b94d1 100644
--- a/components/Dropdown.tsx
+++ b/components/Dropdown.tsx
@@ -40,15 +40,15 @@ export default function Dropdown({
     <div className="relative" ref={dropdownRef}>
       <button
         onClick={() => setIsOpen(!isOpen)}
-        className={`${dropdownSize} flex items-center justify-between text-nowrap rounded-xl border border-gray-300 bg-background px-5 py-3.5 text-14 leading-none text-gray-400 hover:border-green-200 focus:ring-1 focus:ring-green-200`}
+        className={`${dropdownSize} flex h-[45px] items-center justify-between text-nowrap rounded-xl border border-gray-300 bg-background px-5 py-3.5 text-14 leading-none text-gray-400 hover:border-green-200 focus:ring-1 focus:ring-green-200`}
       >
         {selectedOption}
         <Image
           src="/icon/icon-arrowdown.svg"
-          className={`size-4 ${isOpen ? 'rotate-180' : 'rotate-0'}`}
+          className={`size-[22px] ${isOpen ? 'rotate-180' : 'rotate-0'}`}
           alt="드롭다운 화살표"
           width={7}
-          height={4}
+          height={7}
         />
       </button>
 
diff --git a/components/Menu.tsx b/components/Menu.tsx
index a2d738f..207182a 100644
--- a/components/Menu.tsx
+++ b/components/Menu.tsx
@@ -14,7 +14,7 @@ interface MenuProps {
 export default function Menu({ options, onSelect, menuSize }: MenuProps) {
   return (
     <ul
-      className={`${menuSize} absolute z-10 mt-2 rounded-xl border border-gray-300 bg-background p-1 text-14 shadow-custom mo:right-0 pc:right-1/2 pc:translate-x-1/2 tamo:right-0`}
+      className={`${menuSize} absolute z-10 mt-2 rounded-xl border border-gray-300 bg-background p-[4px] text-14 shadow-custom mo:right-0 pc:right-1/2 pc:translate-x-1/2 tamo:right-0`}
     >
       {options.map((option, index) => (
         <button
@@ -24,7 +24,7 @@ export default function Menu({ options, onSelect, menuSize }: MenuProps) {
           onKeyDown={(e) => {
             if (e.key === 'Enter' || e.key === ' ') onSelect(option);
           }}
-          className={`flex w-full cursor-pointer flex-col rounded-md px-3 py-2.5 hover:bg-green-100`}
+          className={`flex h-[35px] w-full cursor-pointer flex-col rounded-md px-[16px] py-[5px] hover:bg-green-100`}
         >
           {option}
         </button>

From 8046f8647ecdad11c2d6dd8b88f8fafdedfde418 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=98=88=EB=8F=84?= <kyd629@naver.com>
Date: Fri, 27 Dec 2024 15:30:59 +0900
Subject: [PATCH 4/7] =?UTF-8?q?=F0=9F=92=84=20=EB=A9=94=EB=89=B4=20?=
 =?UTF-8?q?=EC=95=A1=ED=8B=B0=EB=B8=8C=20=EB=94=94=EC=9E=90=EC=9D=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Headers/GNB.tsx | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/components/Headers/GNB.tsx b/components/Headers/GNB.tsx
index fe9b812..e1a3ba0 100644
--- a/components/Headers/GNB.tsx
+++ b/components/Headers/GNB.tsx
@@ -1,12 +1,25 @@
 import Link from 'next/link';
+import { useRouter } from 'next/router';
 
 export default function GNB() {
+  const router = useRouter();
+
+  // 특정 페이지에 따라 스타일 변경
+  const isWikiListPage = router.pathname === '/wikilist';
+  const isBoardsPage = router.pathname === '/boards';
+
   return (
     <div className="flex items-center gap-10 text-14">
-      <Link className="mo:hidden" href="/wikilist">
+      <Link
+        className={`${isWikiListPage ? `text-green-300` : ``} hover:text-green-200 active:text-green-300 mo:hidden`}
+        href="/wikilist"
+      >
         위키목록
       </Link>
-      <Link className="mo:hidden" href="/boards">
+      <Link
+        className={`${isBoardsPage ? `text-green-300` : ``} hover:text-green-200 active:text-green-300 mo:hidden`}
+        href="/boards"
+      >
         자유게시판
       </Link>
     </div>

From aaf7e73e68450273aa5a41554e370eb2a0c754b0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=98=88=EB=8F=84?= <kyd629@naver.com>
Date: Fri, 27 Dec 2024 16:34:17 +0900
Subject: [PATCH 5/7] =?UTF-8?q?=F0=9F=92=84=20=EB=93=9C=EB=A1=AD=EB=8B=A4?=
 =?UTF-8?q?=EC=9A=B4=20=ED=8E=98=EC=9D=B4=EB=93=9C=EC=9D=B8=20=EC=95=A0?=
 =?UTF-8?q?=EB=8B=88=EB=A9=94=EC=9D=B4=EC=85=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Menu.tsx |  3 ++-
 tailwind.config.ts  | 26 ++++++++++++++++++++++++++
 2 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/components/Menu.tsx b/components/Menu.tsx
index 207182a..8be8d22 100644
--- a/components/Menu.tsx
+++ b/components/Menu.tsx
@@ -12,9 +12,10 @@ interface MenuProps {
  */
 
 export default function Menu({ options, onSelect, menuSize }: MenuProps) {
+  const fadeIn = 'pc:animate-pcFadeIn tamo:animate-tamoFadeIn';
   return (
     <ul
-      className={`${menuSize} absolute z-10 mt-2 rounded-xl border border-gray-300 bg-background p-[4px] text-14 shadow-custom mo:right-0 pc:right-1/2 pc:translate-x-1/2 tamo:right-0`}
+      className={`${menuSize} ${fadeIn} absolute z-10 mt-2 rounded-xl border border-gray-300 bg-background p-[4px] text-14 shadow-custom pc:right-1/2 pc:translate-x-1/2 tamo:right-0`}
     >
       {options.map((option, index) => (
         <button
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 73eae6e..0300ed8 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -118,6 +118,32 @@ export default {
       borderRadius: {
         custom: '10px',
       },
+      keyframes: {
+        pcFadeIn: {
+          '0%': {
+            opacity: '0',
+            transform: 'translateY(-20px) translateX(50%)',
+          },
+          '100%': {
+            opacity: '1',
+            transform: 'translateY(0) translateX(50%)',
+          },
+        },
+        tamoFadeIn: {
+          '0%': {
+            opacity: '0',
+            transform: 'translateY(-20px)',
+          },
+          '100%': {
+            opacity: '1',
+            transform: 'translateY(0)',
+          },
+        },
+      },
+      animation: {
+        pcFadeIn: 'pcFadeIn 0.1s ease-in-out',
+        tamoFadeIn: 'tamoFadeIn 0.1s ease-in-out',
+      },
     },
     screens: {
       mo: { max: '743px' },

From a2323c97e708fe3b06ce8110512b665bb8f7b338 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=98=88=EB=8F=84?= <kyd629@naver.com>
Date: Fri, 27 Dec 2024 16:52:28 +0900
Subject: [PATCH 6/7] =?UTF-8?q?=F0=9F=92=84=20=EC=9C=84=ED=82=A4=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=EC=97=AC=EB=B0=B1=20=EC=A1=B0=EC=A0=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/wiki.page/Contents.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/wiki.page/Contents.tsx b/components/wiki.page/Contents.tsx
index 5e2aa0c..6d385e0 100644
--- a/components/wiki.page/Contents.tsx
+++ b/components/wiki.page/Contents.tsx
@@ -166,7 +166,7 @@ export default function Contents({ profile }: ProfileProps) {
   return (
     <div
       className={`pc:grid ${isEditing ? `pc:grid-rows-[75px]` : `pc:grid-rows-[200px]`} mo:px-[20px] ta:px-[60px] pc:gap-x-[80px] tamo:flex tamo:w-full tamo:flex-col tamo:gap-[10px]`}
-      style={{ gridTemplateColumns: 'minmax(300px, 800px) 400px' }}
+      style={{ gridTemplateColumns: 'minmax(300px, 800px) 320px' }}
     >
       <div>
         <div className="pc:pt-[40px]">

From 66f6a7e18b62096d4cf0252fcbd14ed6e789abac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=98=88=EB=8F=84?= <kyd629@naver.com>
Date: Fri, 27 Dec 2024 17:07:34 +0900
Subject: [PATCH 7/7] =?UTF-8?q?=F0=9F=92=84=20=EB=93=9C=EB=A1=AD=EB=8B=A4?=
 =?UTF-8?q?=EC=9A=B4=20=EC=83=89=EC=83=81=20=EC=A1=B0=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Dropdown.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Dropdown.tsx b/components/Dropdown.tsx
index 46b94d1..04dbb1b 100644
--- a/components/Dropdown.tsx
+++ b/components/Dropdown.tsx
@@ -40,7 +40,7 @@ export default function Dropdown({
     <div className="relative" ref={dropdownRef}>
       <button
         onClick={() => setIsOpen(!isOpen)}
-        className={`${dropdownSize} flex h-[45px] items-center justify-between text-nowrap rounded-xl border border-gray-300 bg-background px-5 py-3.5 text-14 leading-none text-gray-400 hover:border-green-200 focus:ring-1 focus:ring-green-200`}
+        className={`${dropdownSize} flex h-[45px] items-center justify-between text-nowrap rounded-xl bg-gray-100 px-5 py-3.5 text-14 leading-none text-gray-400 hover:border-green-200 focus:ring-1 focus:ring-green-200`}
       >
         {selectedOption}
         <Image