Merge branch 'main' into develop

src/components/common/Footer/index.tsx

@@ -1,4 +1,4 @@
-import { Link } from 'react-router-dom';
+import { Link, useLocation } from 'react-router-dom';
 import { CATEGORY } from 'static/category';
 import useLogger from 'utils/hooks/analytics/useLogger';
 import useMediaQuery from 'utils/hooks/layout/useMediaQuery';
@@ -7,6 +7,8 @@ import styles from './Footer.module.scss';
 function Footer(): JSX.Element {
   const isMobile = useMediaQuery();
   const logger = useLogger();
+  const { pathname } = useLocation();
+  const isStage = pathname.includes('stage');
   const logShortcut = (title: string) => {
     if (title === '식단') logger.actionEventClick({ actionTitle: 'CAMPUS', title: 'footer', value: '식단' });
     if (title === '버스/교통') logger.actionEventClick({ actionTitle: 'CAMPUS', title: 'footer', value: '버스/교통' });
@@ -25,7 +27,10 @@ function Footer(): JSX.Element {
               .flatMap((categoryInfo) => categoryInfo.submenu)
               .slice(0, -3).map((submenuInfo) => (
                 <li className={styles.footer__service} key={submenuInfo.title}>
-                  <Link to={submenuInfo.link} onClick={() => logShortcut(submenuInfo.title)}>
+                  <Link
+                    to={isStage && submenuInfo.stageLink ? submenuInfo.stageLink : submenuInfo.link}
+                    onClick={() => logShortcut(submenuInfo.title)}
+                  >
                     {submenuInfo.title}
                   </Link>
                 </li>

src/static/category.ts

@@ -7,6 +7,7 @@ export interface Submenu {
   planFlag: boolean;
   tag: number | null;
   openInNewTab?: boolean;
+  stageLink?:string;
 }
 
 export type CategoryTitle = '서비스';
@@ -78,6 +79,7 @@ export const CATEGORY: Category[] = [
         planFlag: false,
         tag: null,
         openInNewTab: true,
+        stageLink: 'https://owner.stage.koreatech.in',
       },
       {
         title: '리뷰 작성하기',