diff --git a/src/App.tsx b/src/App.tsx
index e3cc1d1..afcc81c 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,7 +1,6 @@
 import React, { useRef } from 'react';
-import { Route, Switch, useLocation } from 'react-router-dom';
+import { Route, Switch, useLocation, Redirect } from 'react-router-dom';
 import styles from '@src/App.module.scss';
-import LandingPage from '@src/pages/LandingPage';
 import LoginPage from '@src/pages/LoginPage';
 import JoinPage from '@src/pages/JoinPage';
 import IdeaPage from '@src/pages/IdeaPage';
@@ -16,6 +15,8 @@ import SideReadPage from '@src/pages/SideReadPage';
 import AlertModal from '@src/components/modals/AlertModal';
 import { useAppDispatch, useUiState, hideGlobalAlert } from '@src/store';
 
+const PATH_CHECK = ['login', 'join', 'idea', 'side', 'mypage'];
+
 const App = () => {
   const { isGlobalAlertVisible, globalAlertMessage } = useUiState();
   const dispatch = useAppDispatch();
@@ -38,7 +39,6 @@ const App = () => {
           <Sidebar pathname={pathname} />
         </div>
         <div className={styles.content} ref={pageRef}>
-          <Route exact path="/" component={LandingPage} />
           <AuthRoute
             path="/login"
             component={LoginPage}
@@ -72,6 +72,9 @@ const App = () => {
             redirectPath="/login"
             render={(props) => <MyPage {...props} handleToTop={handleToTop} />}
           />
+          {pathname && !PATH_CHECK.some((each) => pathname.includes(each)) && (
+            <Redirect to="/side" />
+          )}
         </div>
         {isGlobalAlertVisible && (
           <AlertModal
diff --git a/src/components/AlarmCard/index.tsx b/src/components/AlarmCard/index.tsx
index 0360105..3498492 100644
--- a/src/components/AlarmCard/index.tsx
+++ b/src/components/AlarmCard/index.tsx
@@ -44,7 +44,13 @@ const AlarmCard = ({
             {postType}
           </Typography>
         </div>
-        <Close className={cn(styles.closeIconContainer)} onClick={onClose} />
+        <Close
+          className={cn(styles.closeIconContainer)}
+          onClick={(e) => {
+            e.stopPropagation();
+            onClose();
+          }}
+        />
       </div>
       <div className={styles.alarmCardContentArea}>
         <Typography
diff --git a/src/components/AlarmCardContainer/index.tsx b/src/components/AlarmCardContainer/index.tsx
index e463d90..88321d9 100644
--- a/src/components/AlarmCardContainer/index.tsx
+++ b/src/components/AlarmCardContainer/index.tsx
@@ -6,6 +6,8 @@ import AlarmCard from '@src/components/AlarmCard';
 import useModalControl from '@src/hooks/useModalControl';
 import IdeaModal from '@src/components/modals/IdeaModal';
 import { Alarm } from '@src/models';
+import { showGlobalAlert, useAppDispatch } from '@src/store';
+import { GuideText } from '@src/constant/enums';
 
 const AlarmCardContainer = (props: Alarm) => {
   const {
@@ -13,7 +15,7 @@ const AlarmCardContainer = (props: Alarm) => {
     showModal: showIdea,
     hideModal: hideIdea,
   } = useModalControl();
-
+  const dispatch = useAppDispatch();
   const history = useHistory();
 
   const deleteAlarmMutation = useDeleteAlarm();
@@ -33,7 +35,24 @@ const AlarmCardContainer = (props: Alarm) => {
     <div>
       <AlarmCard
         onClick={handleClick}
-        onClose={() => deleteAlarmMutation.mutate(props.id)}
+        onClose={() =>
+          deleteAlarmMutation.mutate(props.id, {
+            onSuccess: () => {
+              dispatch(
+                showGlobalAlert({
+                  globalAlertMessage: '댓글 알림을 삭제하였습니다.',
+                }),
+              );
+            },
+            onError: () => {
+              dispatch(
+                showGlobalAlert({
+                  globalAlertMessage: GuideText.ERROR,
+                }),
+              );
+            },
+          })
+        }
         {...props}
       />
       {isIdeaVisible && props.id && (
diff --git a/src/pages/LandingPage/LandingPage.module.scss b/src/pages/LandingPage/LandingPage.module.scss
deleted file mode 100644
index b141f5a..0000000
--- a/src/pages/LandingPage/LandingPage.module.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-.LandingPage {
-  @include flex_col();
-
-  width: 100%;
-  height: 100%;
-}
diff --git a/src/pages/LandingPage/index.tsx b/src/pages/LandingPage/index.tsx
deleted file mode 100644
index 184b186..0000000
--- a/src/pages/LandingPage/index.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import React from 'react';
-import { setLoading, useAppDispatch, useUiState } from '@src/store';
-import cn from 'classnames';
-import { CardWithContent } from '@src/components/common/Card/Card.stories';
-import { LabelTags } from '@src/components/common/LabelTag/LabelTag.stories';
-
-import styles from '@src/pages/LandingPage/LandingPage.module.scss';
-import SideCard from '@src/components/SideCard';
-
-const HIGHLIGHT = 'highlight';
-
-const LandingPage = () => {
-  const dispatch = useAppDispatch();
-  const { isLoading } = useUiState();
-
-  return (
-    <div className={styles.LandingPage}>
-      <SideCard
-        active="2021-10-29T01:18:23"
-        category={['AI', 'WEB', 'APP', 'AI', 'WEB', 'APP', 'AI', 'WEB', 'APP']}
-        recruiting
-        summary="작은 사이드 프로젝트에서 시작하는 ~~~"
-        title="작은 사이드 프로젝트에서 시작하는 ~~~작은 사이드 프로젝트에서 시작하는 ~~~작은 사이드 프로젝트에서 시작하는 ~~~"
-      />
-
-      <button
-        type="button"
-        onClick={() => dispatch(setLoading({ isLoading: !isLoading }))}
-      >
-        toggle
-      </button>
-      <div>
-        {isLoading ? <p>loading</p> : <p className={cn(HIGHLIGHT)}>break</p>}
-      </div>
-      <CardWithContent />
-      <LabelTags />
-    </div>
-  );
-};
-
-export default LandingPage;
diff --git a/src/pages/SidePage/index.tsx b/src/pages/SidePage/index.tsx
index a11252b..78c6daa 100644
--- a/src/pages/SidePage/index.tsx
+++ b/src/pages/SidePage/index.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo, useRef, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import cn from 'classnames';
 
 import styles from './SidePage.module.scss';
@@ -23,18 +23,12 @@ import Typography from '@src/components/common/Typography';
 import { setSide, useAppDispatch, useSideState } from '@src/store';
 import Input, { ParentRef } from '@src/components/common/Input';
 import { useAuth } from '@src/hooks/useUserQuery';
-import { useLocation } from 'react-router-dom';
-import { GuideText } from '@src/constant/enums';
 
 interface SidePageProps {
   handleToTop?: () => void;
 }
 
 const SidePage = ({ handleToTop }: SidePageProps) => {
-  const location = useLocation();
-
-  const status = useMemo(() => location.state as string, [location]);
-
   // 첫 화면 렌더링시 애니메이션 실행 안되도록 처리함
   const [init, setInit] = useState(false);
   const [isFilterOpen, setIsFilterOpen] = useState(false);