From c6a84996d674c7bd066eadcc398365293d4d71b7 Mon Sep 17 00:00:00 2001
From: arkchive <kyungminkim7@konkuk.ac.kr>
Date: Wed, 17 Dec 2025 23:45:22 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EB=A9=94=EC=84=9C=EB=93=9C=20=EC=84=A4?=
 =?UTF-8?q?=EB=AA=85=20=EC=B6=94=EA=B0=80=20=EB=B0=8F=20=EC=9E=91=EC=84=B1?=
 =?UTF-8?q?=EC=9E=90=20=EC=A3=BC=EC=84=9D=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/notification/NotificationItem.tsx | 13 +++++++++++++
 src/components/notification/NotificationList.tsx | 12 ++++++++++++
 src/pages/NotificationPage.tsx                   | 12 ++++++++++++
 3 files changed, 37 insertions(+)

diff --git a/src/components/notification/NotificationItem.tsx b/src/components/notification/NotificationItem.tsx
index d98f99d..45da7e3 100644
--- a/src/components/notification/NotificationItem.tsx
+++ b/src/components/notification/NotificationItem.tsx
@@ -6,6 +6,19 @@ interface NotificationItemProps {
     date: string;
 }
 
+/*==========================
+*
+* 단일 알림 아이템을 화면에 표시하는 컴포넌트
+*
+* @parm message 알림 메시지 내용
+* @parm date 알림 발생 시각 문자열
+* @return JSX.Element 알림 아이템 UI
+* @author 김경민
+* @version 1.0.0
+* @date 2025-12-15
+*
+==========================**/
+
 export default function NotificationItem({message, date} : NotificationItemProps) {
     return (
         <li className="w-[540px] bg-white rounded-xl px-4 py-3 shadow-sm">
diff --git a/src/components/notification/NotificationList.tsx b/src/components/notification/NotificationList.tsx
index 20ed098..6276684 100644
--- a/src/components/notification/NotificationList.tsx
+++ b/src/components/notification/NotificationList.tsx
@@ -8,6 +8,18 @@ interface Notification {
   date: string;
 }
 
+/*==========================
+*
+* 서버에서 알림 목록을 조회하여 리스트로 렌더링하는 컴포넌트
+*
+* @parm -
+* @return JSX.Element 알림 목록 UI
+* @author 김경민
+* @version 1.0.0
+* @date 2025-12-15
+*
+==========================**/
+
 export default function NotificationList() {
     const [notifications, setNotifications] = useState<Notification[]>([]);
     const [loading, setLoading] = useState(true);
diff --git a/src/pages/NotificationPage.tsx b/src/pages/NotificationPage.tsx
index 5ae7e54..fc4061e 100644
--- a/src/pages/NotificationPage.tsx
+++ b/src/pages/NotificationPage.tsx
@@ -1,5 +1,17 @@
 import NotificationList from '@/components/notification/NotificationList';
 
+/*==========================
+*
+* 알림 페이지의 레이아웃을 구성하는 컴포넌트
+*
+* @parm -
+* @return JSX.Element 알림 페이지 UI
+* @author 김경민
+* @version 1.0.0
+* @date 2025-12-15
+*
+==========================**/
+
 export default function NotificationPage(){
     return (
         <section className="w-full flex justify-center pt-4">