FLEX-CODEPING · Minkyu0424 · Dec 18, 2024 · Dec 16, 2024 · Dec 16, 2024 · Dec 16, 2024
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -16,14 +16,14 @@
   },
   "dependencies": {
     "@datadog/browser-rum": "^5.30.1",
-    "@tanstack/react-query": "^5.60.6",
+    "@tanstack/react-query": "^5.62.7",
+    "@tanstack/react-query-devtools": "^5.62.7",
     "@toast-ui/chart": "^4.6.1",
     "@toast-ui/editor": "^3.2.2",
     "@toast-ui/editor-plugin-chart": "^3.0.1",
     "@toast-ui/editor-plugin-color-syntax": "^3.1.0",
     "@toast-ui/react-editor": "^3.2.3",
     "apexcharts": "^4.1.0",
-    "axios": "^1.7.7",
     "cookie": "^1.0.1",
     "dayjs": "^1.11.13",
     "dd-trace": "^5.26.0",

diff --git a/public/images/4c.png b/public/images/4c.png
diff --git a/public/images/stocks/네이버.png → public/images/stocks/0.png b/public/images/stocks/네이버.png → public/images/stocks/0.png
diff --git a/public/images/stocks/포스코.png → public/images/stocks/1.png b/public/images/stocks/포스코.png → public/images/stocks/1.png
diff --git a/public/images/stocks/SK하이닉스.png → public/images/stocks/2.png b/public/images/stocks/SK하이닉스.png → public/images/stocks/2.png
diff --git a/public/images/stocks/3.png b/public/images/stocks/3.png
diff --git a/public/images/stocks/kb금융.png b/public/images/stocks/kb금융.png
diff --git a/public/images/stocks/lg화학.png b/public/images/stocks/lg화학.png
diff --git a/public/images/stocks/삼성전자.png b/public/images/stocks/삼성전자.png
diff --git a/public/images/stocks/현대.png b/public/images/stocks/현대.png
diff --git a/public/images/thumbnail/stock1.png b/public/images/thumbnail/stock1.png
diff --git a/public/images/thumbnail/stock2.png b/public/images/thumbnail/stock2.png
diff --git a/public/images/thumbnail/stock3.png b/public/images/thumbnail/stock3.png
diff --git a/public/images/3c.png → public/images/thumbnail/stock4.png b/public/images/3c.png → public/images/thumbnail/stock4.png
diff --git a/src/app/(404)/[...404]/Compass.tsx b/src/app/(404)/[...404]/Compass.tsx
diff --git a/src/app/(404)/[...404]/layout.tsx b/src/app/(404)/[...404]/layout.tsx
diff --git a/src/app/(404)/[...404]/page.tsx b/src/app/(404)/[...404]/page.tsx
diff --git a/src/app/(route)/layout.tsx b/src/app/(route)/layout.tsx
@@ -1,10 +1,10 @@
 import type { Metadata } from 'next';
 import localFont from 'next/font/local';
 import { ToastContainer } from 'react-toastify';
+import 'react-toastify/dist/ReactToastify.css';
 import Header from '../components/common/layout/Header';
-import Rum from '../components/common/layout/Rum';
+import TanStackProvider from '../components/common/layout/TanstackProvider';
 import UserProvider from '../components/common/layout/useProvider';
-import 'react-toastify/dist/ReactToastify.css';
 import '../styles/globals.css';
 
 export const metadata: Metadata = {
@@ -29,13 +29,13 @@ export default function RootLayout({
       <body
         className={`${pretendard.variable} min-w-[1100px] mx-auto font-pretendard`}
       >
-        <Rum>
+        <TanStackProvider>
           <UserProvider>
             <Header />
             {children}
             <ToastContainer
-              position="top-right" // 알림 위치
-              autoClose={3000} // 3초 후 자동 닫힘
+              position="top-right"
+              autoClose={3000}
               hideProgressBar={false}
               newestOnTop
               closeOnClick
@@ -45,7 +45,7 @@ export default function RootLayout({
               pauseOnHover
             />
           </UserProvider>
-        </Rum>
+        </TanStackProvider>
       </body>
     </html>
   );

diff --git a/src/app/(route)/prediction/page.tsx b/src/app/(route)/prediction/page.tsx
@@ -4,9 +4,9 @@ import DownSideBar from '@/app/components/simulation/side/DownSideBar';
 
 function SimulationPage() {
   return (
-    <section className="relative w-full h-[calc(100vh-140px)] justify-between min-h-[800px]">
-      <div className="flex w-full h-full px-[5%] mt-[1%] justify-between ">
-        <div className="flex w-full gap-x-[1%] pt-[2%] justify-between">
+    <section className="relative w-full h-[calc(100vh] justify-between min-h-[800px]">
+      <div className="flex w-full h-full px-[5%] mt-[1%] justify-between mb-4">
+        <div className="flex w-full gap-x-[1%] justify-between">
           <PredictionConatiner />
           <PredictionSideContainer />
         </div>