[Fix/#543] RouteTracker 호출 위치 변경

src/App.tsx

@@ -8,7 +8,6 @@ import ResponsiveProvider from './components/commons/Responsive/ResponsiveProvid
 import Loading from './pages/loading/Loading';
 
 import router from './routers/Router';
-import RouteTracker from './routers/RouteTracker';
 import { MOBILE_MEDIA_QUERY } from './styles/mediaQuery';
 
 const App = () => {
@@ -27,7 +26,6 @@ const App = () => {
           <DesktopWrapper>
             <Suspense fallback={<Loading />}>
               <RouterProvider router={router} />
-              <RouteTracker />
             </Suspense>
           </DesktopWrapper>
         </ResponsiveProvider>

src/components/commons/Layout.tsx

@@ -1,9 +1,11 @@
 import { Outlet } from 'react-router-dom';
+import RouteTracker from '../../routers/RouteTracker';
 import ScrollToTop from './ScrollToTop';
 
 const Layout = () => {
   return (
     <>
+      <RouteTracker />
       <ScrollToTop />
       <Outlet />
     </>

src/routers/PrivateRoute.tsx

@@ -1,12 +1,20 @@
 import { Navigate, Outlet, useLocation } from 'react-router-dom';
 
 import checkAuthenticate from '../utils/checkAuthenticate';
+import RouteTracker from './RouteTracker';
 
 const PrivateRoute = () => {
   const pathname = useLocation();
   if (!checkAuthenticate()) {
     alert('로그인 후 이용이 가능합니다.');
   }
-  return checkAuthenticate() ? <Outlet /> : <Navigate to="/login" state={pathname} />;
+  return checkAuthenticate() ? (
+    <>
+      <RouteTracker />
+      <Outlet />
+    </>
+  ) : (
+    <Navigate to="/login" state={pathname} />
+  );
 };
 export default PrivateRoute;