Implement AI prediction history card, news UI, and API connections

package.json

@@ -27,6 +27,7 @@
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.24",
     "globals": "^16.5.0",
+    "iconify-icon": "^3.0.2",
     "vite": "^7.2.4"
   }
 }

src/App.jsx

@@ -5,20 +5,23 @@ import CoinDetailPage from './pages/CoinDetailPage';
 import NewsDetailPage from './pages/NewsDetailPage';
 import GamePage from './pages/GamePage';
 import LeaderBoardPage from './pages/LeaderBoardPage';
+import SearchResultPage from './pages/SearchResultPage';
 
 function App() {
 
   return (
     <BrowserRouter>
       <Routes>
         <Route path="/" element={<MainPage />} />
-        <Route path='/coindetail' element={<CoinDetailPage />} />
+        <Route path='/coindetail/:ticker' element={<CoinDetailPage />} />
         <Route path='/newsdetail' element={<NewsDetailPage />} />
         <Route path='/game' element={<GamePage />} />
         <Route path='/leaderboard' element={<LeaderBoardPage />} />
+        <Route path='/search' element={<SearchResultPage />} />
       </Routes>
     </BrowserRouter>
   )
 }
 
 export default App
+

src/apis/CoinDetail/aihistory.js

@@ -0,0 +1,23 @@
+import { instance } from "../../utils/axios";
+
+export const getAiPredictions = async (ticker) => {
+    try {
+        const res = await instance.get(`/api/v1/crypto/${ticker}/predictions`);
+        //console.log(res);
+        return res.data;
+    } catch (error) {
+        console.error("코인 예측 히스토리 불러오기 실패: ", error);
+        throw error;
+    }
+}
+
+export const getPredictionNews = async (ticker, predictionId) => {
+    try {
+        const res = await instance.get(`/api/v1/crypto/${ticker}/predictions/${predictionId}/news`);
+        console.log(res);
+        return res.data;
+    } catch (error) {
+        console.error("예측에 사용된 뉴스 목록 조회 실패 : ", error);
+        throw error;
+    }
+}

src/apis/CoinDetail/chart.js

@@ -1,2 +1,13 @@
-const BACKEND = import.meta.env.VITE_BACKEND_URL;
+import { instance } from "../../utils/axios";
 
+export const getCandleInfo = async (ticker, unit=1, count=200) => {
+    try {
+        const res = await instance.get(`/api/v1/market/candles/${ticker}?unit=${unit}&count=${count}`);
+        //console.log(res.data);
+        return res.data;
+    } catch (error) {
+        console.error("코인 분봉 차트 불러오기 실패: ", error);
+        throw error;
+    }
+
+}

src/apis/CoinDetail/coinInfo.js

@@ -3,8 +3,8 @@ import { instance } from "../../utils/axios";
 export const getCoinInfo = async (ticker) => {
     try {
         const res = await instance.get(`/api/v1/crypto/${ticker}`);
-        console.log(res);
-        return res;
+        //console.log(res);
+        return res.data;
     } catch (error) {
         console.error("코인 정보 불러오기 실패: ", error);
         throw error;

src/apis/CoinDetail/coinNews.js

@@ -0,0 +1,14 @@
+import { instance } from "../../utils/axios";
+
+export const getCoinNews = async (ticker, page=0, size=20) => {
+    try {
+        const res = await instance.get(`/api/v1/crypto/${ticker}/news/recent`, {
+            params: {page, size}
+        });
+        //console.log(res);
+        return res.data;
+    } catch (error) {
+        console.error("코인 관련 뉴스 불러오기 실패: ", error);
+        throw error;
+    }
+}

src/apis/Market/tickers.js

@@ -0,0 +1,13 @@
+import { instance } from "../../utils/axios";
+
+export const getTickers = async (marketType = "KRW", sortBy = "tradeValue") => {
+    try {
+        const res = await instance.get("/api/v1/market/tickers", {
+            params: { marketType, sortBy },
+        });
+        return res.data;
+    } catch (error) {
+        console.error("코인 시세 목록 불러오기 실패: ", error);
+        throw error;
+    }
+};

src/apis/News/analysis.js

@@ -0,0 +1,13 @@
+import { instance } from "../../utils/axios";
+
+export const getNewsAnalysis = async (page = 0, size = 20) => {
+    try {
+        const res = await instance.get("/api/v1/news/analysis", {
+            params: { page, size },
+        });
+        return res.data;
+    } catch (error) {
+        console.error("뉴스 분석 목록 불러오기 실패: ", error);
+        throw error;
+    }
+};

src/apis/News/search.js

@@ -0,0 +1,13 @@
+import { instance } from "../../utils/axios";
+
+export const searchNews = async (keyword, page = 0, size = 20) => {
+    try {
+        const res = await instance.get("/api/v1/news/search", {
+            params: { keyword, page, size },
+        });
+        return res.data;
+    } catch (error) {
+        console.error("뉴스 검색 실패: ", error);
+        throw error;
+    }
+};