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">