1. 라우팅 최적화

2. API 호출 병렬 처리
3. UI개선 - 로딩 경험 개선
4. 반응형 디자인
5. API 통신 특이사항 - URL 구성 로직의 잠재적 위험 해결

src/routes.jsx

@@ -1,10 +1,11 @@
-import React from 'react';
-import Home from './pages/home/Home';
-import Blog from './pages/blog/Blog';
-import Lotto from './pages/lotto/Lotto';
-import Travel from './pages/travel/Travel';
-import Stock from './pages/stock/Stock';
-import StockTrade from './pages/stock/StockTrade';
+import React, { lazy } from 'react';
+
+const Home = lazy(() => import('./pages/home/Home'));
+const Blog = lazy(() => import('./pages/blog/Blog'));
+const Lotto = lazy(() => import('./pages/lotto/Lotto'));
+const Travel = lazy(() => import('./pages/travel/Travel'));
+const Stock = lazy(() => import('./pages/stock/Stock'));
+const StockTrade = lazy(() => import('./pages/stock/StockTrade'));
 
 export const navLinks = [
     {