From a8dc0a35115de4417422b199e8a5a1bd09a883ed Mon Sep 17 00:00:00 2001
From: JeongwooSeo <shipfriend4371@naver.com>
Date: Fri, 10 Jan 2025 15:47:31 +0900
Subject: [PATCH 1/5] =?UTF-8?q?feat:=20=EB=8B=A4=ED=81=AC=EB=AA=A8?=
 =?UTF-8?q?=EB=93=9C=EB=A5=BC=20class=20=EA=B8=B0=EB=B0=98=EC=9C=BC?=
 =?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

---
 tailwind.config.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/tailwind.config.ts b/tailwind.config.ts
index ada3555..76180c0 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -6,6 +6,7 @@ const config: Config = {
     './components/**/*.{js,ts,jsx,tsx,mdx}',
     './app/**/*.{js,ts,jsx,tsx,mdx}',
   ],
+  darkMode: 'class',
   theme: {
     extend: {
       colors: {

From 593247bc576f15197aa174f95a4b2e3cb2fa1209 Mon Sep 17 00:00:00 2001
From: JeongwooSeo <shipfriend4371@naver.com>
Date: Fri, 10 Jan 2025 15:54:56 +0900
Subject: [PATCH 2/5] =?UTF-8?q?feat:=20Footer=20=EB=8B=A4=ED=81=AC?=
 =?UTF-8?q?=EB=AA=A8=EB=93=9C=20=EC=A7=80=EC=9B=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/entities/common/Footer.tsx | 30 ++++++++++++++++--------------
 app/globals.css                |  7 +++++++
 tailwind.config.ts             |  1 +
 3 files changed, 24 insertions(+), 14 deletions(-)

diff --git a/app/entities/common/Footer.tsx b/app/entities/common/Footer.tsx
index 6d84700..4b03be1 100644
--- a/app/entities/common/Footer.tsx
+++ b/app/entities/common/Footer.tsx
@@ -1,28 +1,26 @@
+'use client';
 import Link from 'next/link';
+import useToast from '@/app/hooks/useToast';
 
 const Footer = () => {
+  const toast = useToast();
+
   return (
     <footer
-      className={'w-screen bg-gray-950 min-h-96 flex flex-col justify-between'}
+      className={
+        'w-screen bg-neutral-200 dark:bg-gray-950  min-h-96 flex flex-col justify-between'
+      }
     >
       <section
         className={'footer w-full flex flex-col md:flex-row justify-center'}
       >
         <div className={'footer-col'}>
           <b>BLOG</b>
-          <div>
-            <p
-              className={
-                'text-left text-gray-100 font-serif whitespace-pre-wrap'
-              }
-            >
+          <div className={'text-weak'}>
+            <p className={'text-left font-serif whitespace-pre-wrap'}>
               a developer who never stops growing.
             </p>
-            <p
-              className={
-                'text-left text-gray-100 font-serif whitespace-pre-wrap'
-              }
-            >
+            <p className={'text-left font-serif whitespace-pre-wrap'}>
               성장을 멈추지 않는 개발자.
             </p>
           </div>
@@ -48,7 +46,7 @@ const Footer = () => {
         <div className={'footer-col'}>
           <b>Subscribe</b>
           <form className={'flex flex-col gap-4'}>
-            <p className={'text-gray-300'}>새 글을 구독해보세요</p>
+            <p className={'text-default'}>새 글을 구독해보세요</p>
             <input
               className={
                 'border-b bg-transparent px-4 py-1.5 inset-3 outline-black'
@@ -63,9 +61,13 @@ const Footer = () => {
             />
             <button
               className={
-                'rounded-md border bg-transparent py-3 w-1/2  shadow-lg hover:bg-white hover:text-black transition'
+                'rounded-md border bg-transparent py-3 w-1/2 border-black hover:shadow-lg hover:bg-white hover:text-black transition'
               }
               aria-label={'구독 버튼'}
+              onClick={(e) => {
+                e.preventDefault();
+                toast.error('새 글 구독은 아직 지원하지 않는 기능입니다.');
+              }}
             >
               Subscribe
             </button>
diff --git a/app/globals.css b/app/globals.css
index 1838e8a..268a92f 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -11,6 +11,7 @@
   --text-default: #000000;
   --text-overlay: #FFFFFF;
   --bg-overlay: #1e201e;
+  --text-weak: #474b4e;
 }
 .dark {
   --background: #1e201e;
@@ -19,6 +20,7 @@
   --text-default: #FFFFFF;
   --text-overlay: #000000;
   --bg-overlay: #ededed;
+  --text-weak: rgba(255, 255, 255, 0.7);
 }
 
 
@@ -118,6 +120,11 @@ section.footer > div.footer-col b {
   font-weight: bold;
 }
 
+section.footer input {
+  background-color: white;
+  border-radius: 4px;
+}
+
 section.footer a:hover {
   border-bottom: 1px solid white;
 }
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 76180c0..1646ac2 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -14,6 +14,7 @@ const config: Config = {
         background: 'var(--background)',
         foreground: 'var(--foreground)',
         overlay: 'var(--bg-overlay)',
+        weak: 'var(--text-weak)',
       },
       textColor: {
         overlay: 'var(--text-overlay)',

From 3168742c80e893fdb8879fbb32673e3609a86e16 Mon Sep 17 00:00:00 2001
From: JeongwooSeo <shipfriend4371@naver.com>
Date: Fri, 10 Jan 2025 15:59:19 +0900
Subject: [PATCH 3/5] =?UTF-8?q?style:=20main=20=ED=8E=98=EC=9D=B4=EC=A7=80?=
 =?UTF-8?q?=EC=97=90=EC=84=9C=20=EA=B0=81=20=EB=A7=81=ED=81=AC=20=EC=95=84?=
 =?UTF-8?q?=EC=9D=B4=EC=BD=98=20=ED=98=B8=EB=B2=84=EC=8B=9C=20=EC=83=89?=
 =?UTF-8?q?=EC=9D=B4=20=EB=B3=80=EA=B2=BD=EB=90=98=EB=8D=98=20=EC=8A=A4?=
 =?UTF-8?q?=ED=83=80=EC=9D=BC=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index 94f643b..bb7997e 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -67,7 +67,7 @@ export default function Home() {
           </p>
           <div className="flex gap-4">
             <a href={'https://github.com/ShipFriend0516'} target={'_blank'}>
-              <FaGithub className="w-5 h-5 text-default hover:text-gray-100 hover:scale-125 transition cursor-pointer" />
+              <FaGithub className="w-5 h-5 text-default hover:scale-125 transition cursor-pointer" />
             </a>
             <a
               href={
@@ -75,7 +75,7 @@ export default function Home() {
               }
               target={'_blank'}
             >
-              <FaLinkedin className="w-5 h-5 text-default hover:text-gray-100 hover:scale-125 transition cursor-pointer" />
+              <FaLinkedin className="w-5 h-5 text-default hover:scale-125 transition cursor-pointer" />
             </a>
           </div>
         </div>

From 59f371aaddc162610bcafd66afd4795c8ff442d3 Mon Sep 17 00:00:00 2001
From: JeongwooSeo <shipfriend4371@naver.com>
Date: Fri, 10 Jan 2025 16:00:54 +0900
Subject: [PATCH 4/5] =?UTF-8?q?refactor:=20=EB=A7=81=ED=81=AC=20=ED=95=98?=
 =?UTF-8?q?=EB=93=9C=EC=BD=94=EB=94=A9=20=EB=B6=84=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/page.tsx | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index bb7997e..57e7e79 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -24,6 +24,10 @@ export default function Home() {
     getPosts();
   }, []);
 
+  const linkedinLink =
+    'https://www.linkedin.com/in/%EC%A0%95%EC%9A%B0-%EC%84%9C-9a0b79312/';
+  const githubLink = 'https://github.com/ShipFriend0516';
+
   return (
     <main className="w-full max-w-4xl mx-auto grid gap-16 p-8">
       {/* Hero Section */}
@@ -66,15 +70,10 @@ export default function Home() {
             학습과 성장을 추구합니다.
           </p>
           <div className="flex gap-4">
-            <a href={'https://github.com/ShipFriend0516'} target={'_blank'}>
+            <a href={githubLink} target={'_blank'}>
               <FaGithub className="w-5 h-5 text-default hover:scale-125 transition cursor-pointer" />
             </a>
-            <a
-              href={
-                'https://www.linkedin.com/in/%EC%A0%95%EC%9A%B0-%EC%84%9C-9a0b79312/'
-              }
-              target={'_blank'}
-            >
+            <a href={linkedinLink} target={'_blank'}>
               <FaLinkedin className="w-5 h-5 text-default hover:scale-125 transition cursor-pointer" />
             </a>
           </div>

From 6da71c52d449badc259c9a26b4e981c22aebd0b2 Mon Sep 17 00:00:00 2001
From: JeongwooSeo <shipfriend4371@naver.com>
Date: Mon, 13 Jan 2025 14:55:34 +0900
Subject: [PATCH 5/5] =?UTF-8?q?style:=20series=20=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=20=EC=B5=9C=EB=8C=80=20=EB=84=88=EB=B9=84=20=EC=A7=80?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/series/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/series/page.tsx b/app/series/page.tsx
index 4f37301..f8fc3df 100644
--- a/app/series/page.tsx
+++ b/app/series/page.tsx
@@ -32,7 +32,7 @@ const SeriesListPage = () => {
   }
 
   return (
-    <section className={'w-full p-10'}>
+    <section className={'w-full p-10 max-w-5xl mx-auto'}>
       <h1 className={'text-4xl font-bold mt-4'}>시리즈</h1>
       <p className={'text-lg mb-4'}>시리즈별로 글을 확인해보세요.</p>
       <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">