From d592873522ccfe1b972c1924a9fdd65db84b1a29 Mon Sep 17 00:00:00 2001 From: chaeyeonni <126552675+intelsally@users.noreply.github.com> Date: Mon, 6 Apr 2026 14:53:05 +0900 Subject: [PATCH 1/2] refactor(SCRUM-446):code-splitting --- src/routes/index.tsx | 57 +++++++++++++++++++++++--------------------- 1 file changed, 30 insertions(+), 27 deletions(-) diff --git a/src/routes/index.tsx b/src/routes/index.tsx index 3d2b8cd..f4b6b6a 100644 --- a/src/routes/index.tsx +++ b/src/routes/index.tsx @@ -1,38 +1,40 @@ import { Routes, Route } from 'react-router-dom'; -import Home from '../pages/home/HomePage'; +import { lazy, Suspense } from 'react'; import { GpsProvider } from '@/contexts/GpsContext'; -import LoginPage from '@/pages/auth/LoginPage'; -import CallbackPage from '@/pages/auth/CallbackPage'; -import NicknamePage from '@/pages/auth/NicknamePage'; -import NicknamePageXXX from '@/pages/auth/NicknamePageXXX'; -import MyNeighborhoodPage from '@/pages/auth/MyNeighborhoodPage'; +const Home = lazy(() => import('../pages/home/HomePage')); +const LoginPage = lazy(() => import('@/pages/auth/LoginPage')); +const CallbackPage = lazy(() => import('@/pages/auth/CallbackPage')); +const NicknamePage = lazy(() => import('@/pages/auth/NicknamePage')); +const NicknamePageXXX = lazy(() => import('@/pages/auth/NicknamePageXXX')); +const MyNeighborhoodPage = lazy(() => import('@/pages/auth/MyNeighborhoodPage')); -import StoreMapPage from '@/pages/store-map/StoreMapPage'; -import StoreSearchPage from '@/pages/store-search/StoreSearchPage'; -import StoreReviewPage from '@/pages/store-review/StoreReviewPage'; -import StoreDetailPage from '@/pages/store-detail/StoreDetailPage'; -import MyPage from '@/pages/mypage/MyPage'; -import ConvenienceStorePage from '@/pages/convenience/ConveniencePage'; -import AddConveniencePage from '@/pages/convenience/AddConveniencePage'; -import ConvenienceDetailPage from '@/pages/convenience/ConvenienceDetailPage'; -import NameRecommendationPage from '@/pages/convenience/NameRecommendationPage'; -import AccountDeletePage from '@/pages/mypage/AccountDeletePage'; -import NicknameEditPage from '@/pages/mypage/NicknameEditPage'; -import CommunityPage from '@/pages/community/CommunityPage'; -import CommunityWritePage from '@/pages/community/CommunityWritePage'; -import CommunitySearchPage from '@/pages/community/CommunitySearchPage'; +const StoreMapPage = lazy(() => import('@/pages/store-map/StoreMapPage')); +const StoreSearchPage = lazy(() => import('@/pages/store-search/StoreSearchPage')); +const StoreReviewPage = lazy(() => import('@/pages/store-review/StoreReviewPage')); +const StoreDetailPage = lazy(() => import('@/pages/store-detail/StoreDetailPage')); +const MyPage = lazy(() => import('@/pages/mypage/MyPage')); +const ConvenienceStorePage = lazy(() => import('@/pages/convenience/ConveniencePage')); +const AddConveniencePage = lazy(() => import('@/pages/convenience/AddConveniencePage')); +const ConvenienceDetailPage = lazy(() => import('@/pages/convenience/ConvenienceDetailPage')); +const NameRecommendationPage = lazy(() => import('@/pages/convenience/NameRecommendationPage')); +const AccountDeletePage = lazy(() => import('@/pages/mypage/AccountDeletePage')); +const NicknameEditPage = lazy(() => import('@/pages/mypage/NicknameEditPage')); +const CommunityPage = lazy(() => import('@/pages/community/CommunityPage')); +const CommunityWritePage = lazy(() => import('@/pages/community/CommunityWritePage')); +const CommunitySearchPage = lazy(() => import('@/pages/community/CommunitySearchPage')); -import FeedbackPage from '@/pages/mypage/FeedbackPage'; -import MyPostsPage from '@/pages/mypage/MyPostsPage'; -import MyReviewsPage from '@/pages/mypage/MyReviewsPage'; -import MyLikesPage from '@/pages/mypage/MyLikesPage'; -import MyScrapPage from '@/pages/mypage/MyScrapPage'; -import PostDetailPage from '@/pages/community/CommunityPostDetailPage'; -import NotificationPage from '@/pages/notification/NotificationPage'; +const FeedbackPage = lazy(() => import('@/pages/mypage/FeedbackPage')); +const MyPostsPage = lazy(() => import('@/pages/mypage/MyPostsPage')); +const MyReviewsPage = lazy(() => import('@/pages/mypage/MyReviewsPage')); +const MyLikesPage = lazy(() => import('@/pages/mypage/MyLikesPage')); +const MyScrapPage = lazy(() => import('@/pages/mypage/MyScrapPage')); +const PostDetailPage = lazy(() => import('@/pages/community/CommunityPostDetailPage')); +const NotificationPage = lazy(() => import('@/pages/notification/NotificationPage')); const Router = () => { return ( + { {/*알림*/} } /> + ); }; From 35aa66ac4bc844298a98790d2c5962576ae5b558 Mon Sep 17 00:00:00 2001 From: chaeyeonni <126552675+intelsally@users.noreply.github.com> Date: Mon, 6 Apr 2026 15:17:45 +0900 Subject: [PATCH 2/2] =?UTF-8?q?chore(SCRUM-446):ReactQueryDevtools=20?= =?UTF-8?q?=ED=94=84=EB=A1=9C=EB=8D=95=EC=85=98=20=EC=A0=9C=EC=99=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/main.tsx | 2 +- stats.html | 4949 ++++++++++++++++++++++++++++++++++++++++++++++++ vite.config.ts | 1 - 3 files changed, 4950 insertions(+), 2 deletions(-) create mode 100644 stats.html diff --git a/src/main.tsx b/src/main.tsx index 871d125..6272027 100644 --- a/src/main.tsx +++ b/src/main.tsx @@ -21,7 +21,7 @@ ReactDOM.createRoot(document.getElementById('root')!).render( - + {import.meta.env.DEV && } diff --git a/stats.html b/stats.html new file mode 100644 index 0000000..469dc49 --- /dev/null +++ b/stats.html @@ -0,0 +1,4949 @@ + + + + + + + + Rollup Visualizer + + + +
+ + + + + diff --git a/vite.config.ts b/vite.config.ts index 0e97368..1d6f306 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -2,7 +2,6 @@ import { defineConfig } from 'vite'; import react from '@vitejs/plugin-react'; import svgr from 'vite-plugin-svgr'; import path from 'path'; -import { visualizer } from 'rollup-plugin-visualizer'; export default defineConfig({ plugins: [react(), svgr()],