LNB 아이콘 추가

src/components/common/LNB/LNB.component.tsx

@@ -8,21 +8,34 @@ import { colors } from '@/styles';
 
 import { Navigation } from '@/components';
 
+import ApplicationIcon from '@/assets/svg/application.svg';
+import ApplicationFormIcon from '@/assets/svg/application-form.svg';
+import EmailIcon from '@/assets/svg/email.svg';
+import ActivityScoreIcon from '@/assets/svg/activity-score.svg';
+import ScheduleIcon from '@/assets/svg/schedule.svg';
+// import SignupCodeIcon from "@/assets/svg/signup-code.svg"
+// import RecruitIcon from "@/assets/svg/recruit.svg"
+// import AdminMembersIcon from '@/assets/svg/admin-members.svg';
+// import MyPageIcon from "@/assets/svg/my-page.svg"
+
 const navigationItems: NavigationItem[] = [
   {
     title: '리크루팅 관리',
     menus: [
       {
         label: '지원서',
         to: PATH.APPLICATION,
+        icon: <ApplicationIcon />,
       },
       {
         label: '지원서 설문지',
         to: PATH.APPLICATION_FORM,
+        icon: <ApplicationFormIcon />,
       },
       {
         label: '이메일 발송 내역',
         to: PATH.EMAIL,
+        icon: <EmailIcon />,
       },
     ],
   },
@@ -32,15 +45,17 @@ const navigationItems: NavigationItem[] = [
       {
         label: '활동점수',
         to: PATH.ACTIVITY_SCORE,
+        icon: <ActivityScoreIcon />,
       },
       {
         label: '스케줄 정보',
         to: PATH.SCHEDULE,
+        icon: <ScheduleIcon />,
       },
       // TODO: 추가 예정 메뉴
       // {
       //   label: '가입 코드',
-      //   to: '',
+      //   to: PATH.SIGNUP_CODE,
       // },
     ],
   },
@@ -50,7 +65,7 @@ const navigationItems: NavigationItem[] = [
   //   menus: [
   //     {
   //       label: '모집 공고',
-  //       to: '',
+  //       to: PATH.RECRUIT,
   //     },
   //   ],
   // },
@@ -59,12 +74,13 @@ const navigationItems: NavigationItem[] = [
   //   menus: [
   //     {
   //       label: '계정 목록',
-  //       to: '#',
-  //     },
-  //     {
-  //       label: '내 정보',
-  //       to: '',
+  //       to: PATH.ADMIN_MEMBERS,
+  //       icon: <AdminMembersIcon />,
   //     },
+  // {
+  //   label: '내 정보',
+  //   to: PATH.MY_PAGE,
+  // },
   //   ],
   // },
 ];

src/components/common/Navigation/Navigation.component.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ReactElement } from 'react';
 import { useLocation } from 'react-router-dom';
 import { ValueOf } from '@/types';
 import { colors } from '@/styles';
@@ -9,6 +9,7 @@ import { PATH } from '@/constants';
 interface Menu {
   label: string;
   to: ValueOf<typeof PATH>;
+  icon: ReactElement;
 }
 
 export interface NavigationItem {
@@ -53,7 +54,7 @@ const Navigation = ({ size, inActiveColor, items, showBottomBorder = true }: Nav
                     inActiveColor={inActiveColor}
                     active={isActive}
                   >
-                    <Styled.NavigationItemWrapper />
+                    <Styled.NavigationIcon>{menu.icon}</Styled.NavigationIcon>
                     {menu.label}
                   </Styled.NavigationItem>
                 </div>

src/components/common/Navigation/Navigation.stories.tsx

@@ -7,6 +7,7 @@ import Navigation, {
 } from './Navigation.component';
 import { colors } from '@/styles';
 import { PATH } from '@/constants';
+import ApplicationIcon from '@/assets/svg/application.svg';
 
 export default {
   title: 'Navigation',
@@ -24,6 +25,7 @@ const items: NavigationItem[] = [
       {
         label: 'All',
         to: PATH.NOT_FOUND,
+        icon: <ApplicationIcon />,
       },
     ],
   },