첫 커밋

src/pages/alarm/alarm-pages.tsx

@@ -0,0 +1,14 @@
+import { Route } from 'react-router-dom';
+import { SentryRoutes } from '@/shared/configs/sentry';
+import { ROUTE_NAMES } from '@/shared/constants/route-names';
+import { ListPage } from './list/list-page';
+
+export const AlarmPages = () => {
+  return (
+    <>
+      <SentryRoutes>
+        <Route path={ROUTE_NAMES.alarm.list} element={<ListPage />} />
+      </SentryRoutes>
+    </>
+  );
+};

src/pages/alarm/list/list-page.tsx

@@ -0,0 +1,28 @@
+import { AlarmList } from '@/entities/alarm/ui/alarm-list';
+import { HeaderType } from '@/entities/common/model/types';
+import { 
+	useSetHeaderTitle,
+	useSetHeaderType,
+	useSetFooterMode
+} from '@/widgets/sub-layout/use-sub-layout';
+
+export const ListPage = () => {
+  useSetHeaderTitle('알림함');
+  useSetHeaderType(HeaderType.LeftArrow);
+  useSetFooterMode(false);
+
+  return (
+    <>
+      <main className="pop">
+        <div className="sub-wrap">
+          <div className="notice-tabs">
+            <button className="tab36 on">전체</button>
+            <button className="tab36">혜택/이벤트</button>
+            <button className="tab36">공지사항</button>
+          </div>
+          <AlarmList></AlarmList>
+        </div>
+      </main>
+    </>
+  );
+};