[25.03.10 / TASK-141] 트래커 제거 및 폴더 구조 정리 (#24)

* refactor: 트래커 제거

* refactor: 폴더 경로 정리

Author: six-standard

src/__test__/login.test.tsx

@@ -3,7 +3,7 @@ import { act, screen } from '@testing-library/react';
 import { ToastContainer } from 'react-toastify';
 import { useRouter } from 'next/navigation';
 import { renderWithQueryClient } from '@/utils/componentUtil';
-import { default as Login } from '@/app/(with-tracker)/(login)/page';
+import { default as Login } from '@/app/(login)/page';
 
 jest.mock('next/navigation', () => ({
   useRouter: jest.fn(),

src/__test__/main.test.tsx

@@ -1,6 +1,6 @@
 import { screen, waitFor } from '@testing-library/react';
 import { renderWithQueryClient } from '@/utils';
-import { Content } from '@/app/(with-tracker)/(auth-required)/main/Content';
+import { Content } from '@/app/(auth-required)/main/Content';
 import { Header } from '@/components';
 
 jest.mock('next/navigation', () => ({

src/app/(with-tracker)/(auth-required)/compare/page.tsx renamed to src/app/(auth-required)/compare/page.tsx

@@ -1,9 +1,7 @@
 import { Metadata } from 'next';
 import { ArriveSoon } from '@/components';
 
-export const metadata: Metadata = {
-  title: '통계 비교',
-};
+export const metadata: Metadata = { title: '통계 비교' };
 
 export default function Page() {
   return <ArriveSoon />;

src/components/auth-required/header/Section.tsx renamed to src/app/(auth-required)/components/header/Section.tsx

@@ -2,7 +2,6 @@ import Link from 'next/link';
 import { usePathname } from 'next/navigation';
 import { Icon, NameType } from '@/components';
 import { COLORS } from '@/constants';
-import { trackUserEvent, MessageEnum } from '@/utils/trackUtil';
 
 export const defaultStyle =
   'w-[180px] h-[65px] px-9 transition-all duration-300 shrink-0 max-MBI:w-[65px] max-MBI:px-0 ';
@@ -48,7 +47,6 @@ export const Section = <T extends clickType>({
         href={action}
         className={defaultStyle + navigateStyle}
         id="navigation"
-        onClick={() => trackUserEvent(MessageEnum.NAVIGATE)}
       >
         <Icon
           size={25}

src/components/auth-required/header/index.tsx renamed to src/app/(auth-required)/components/header/index.tsx

@@ -1,16 +1,14 @@
 'use client';
 
-import { useEffect, useRef, useState } from 'react';
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import { usePathname, useRouter } from 'next/navigation';
+import { useEffect, useRef, useState } from 'react';
 import Image from 'next/image';
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { revalidate } from '@/utils/revalidateUtil';
 import { PATHS, SCREENS } from '@/constants';
 import { NameType } from '@/components';
 import { useResponsive } from '@/hooks';
 import { logout, me } from '@/apis';
-import { trackUserEvent, MessageEnum } from '@/utils/trackUtil';
-import { revalidate } from '@/utils/revalidateUtil';
-
 import { defaultStyle, Section, textStyle } from './Section';
 
 const PARAMS = {
@@ -121,10 +119,7 @@ export const Header = () => {
               <div className="cursor-pointer h-fit flex-col rounded-[4px] bg-BG-SUB hover:bg-BG-ALT shadow-BORDER-MAIN shadow-md">
                 <button
                   className="text-DESTRUCTIVE-SUB text-I3 p-5 max-MBI:p-4 flex whitespace-nowrap w-auto"
-                  onClick={() => {
-                    out();
-                    trackUserEvent(MessageEnum.LOGOUT);
-                  }}
+                  onClick={() => out()}
                 >
                   로그아웃
                 </button>

src/app/(with-tracker)/(auth-required)/layout.tsx renamed to src/app/(auth-required)/layout.tsx

@@ -1,9 +1,9 @@
-import { ReactElement } from 'react';
 import { dehydrate, HydrationBoundary } from '@tanstack/react-query';
-import { Header } from '@/components';
+import { ReactElement } from 'react';
+import { getQueryClient } from '@/utils/queryUtil';
 import { PATHS } from '@/constants';
 import { me } from '@/apis';
-import { getQueryClient } from '@/utils/queryUtil';
+import { Header } from './components/header';
 
 interface IProp {
   children: ReactElement;
@@ -12,10 +12,7 @@ interface IProp {
 export default async function Layout({ children }: IProp) {
   const client = getQueryClient();
 
-  await client.prefetchQuery({
-    queryKey: [PATHS.ME],
-    queryFn: me,
-  });
+  await client.prefetchQuery({ queryKey: [PATHS.ME], queryFn: me });
 
   return (
     <main className="items-center w-full h-full flex flex-col p-[50px_70px_70px_70px] transition-all max-TBL:p-[20px_30px_30px_30px] max-MBI:p-[10px_25px_25px_25px]">

src/app/(with-tracker)/(auth-required)/leaderboards/Content.tsx renamed to src/app/(auth-required)/leaderboards/Content.tsx

@@ -1,9 +1,10 @@
 'use client';
 
-import { Dropdown, Ranker, Rank } from '@/components';
+import { Dropdown } from '@/components';
+
 import { SCREENS } from '@/constants';
 import { useResponsive, useSearchParam } from '@/hooks';
-import { trackUserEvent, MessageEnum } from '@/utils/trackUtil';
+import { Ranker, Rank } from './components';
 
 const data = [
   { rank: 1, name: '정현우', count: 1235 },
@@ -25,10 +26,7 @@ export const Content = () => {
           ['조회수', 'views'],
           ['좋아요', 'likes'],
         ]}
-        onChange={(data) => {
-          trackUserEvent(MessageEnum.SORT_INTERACT_BOARD);
-          setSearchParams({ type: data as string });
-        }}
+        onChange={(data) => setSearchParams({ type: data as string })}
         defaultValue={'조회수'}
       />
       <div className="w-full flex gap-10 max-MBI:flex-col max-MBI:gap-5">

src/components/auth-required/leaderboards/Rank.tsx renamed to src/app/(auth-required)/leaderboards/components/Rank.tsx

@@ -1,4 +1,4 @@
-import type { IProp } from './Ranker';
+import type { IProp } from '../../../../components/auth-required/leaderboards/Ranker';
 
 export const Rank = ({ name, rank, count, suffix = '회' }: IProp) => {
   return (