Merge pull request #106 from MoneyMakersClub/design/#101

Design/#101 | 책정보 api 연결, 내보내기 추가 퍼블리싱

bookduck/package.json

@@ -17,6 +17,7 @@
     "@tanstack/react-query": "^5.60.2",
     "axios": "^1.7.7",
     "classnames": "^2.5.1",
+    "html2canvas": "^1.4.1",
     "event-source-polyfill": "^1.0.31",
     "firebase": "^11.0.2",
     "react": "^18.3.1",

bookduck/src/App.jsx

@@ -19,9 +19,10 @@ import RegisterPage from "./pages/SearchPage/SearchRegisterPage";
 import SelectCardPage from "./pages/MainPage/SelectCardPage";
 import BookInfoPage from "./pages/BookInfoPage/BookInfoPage";
 import UserCommentPage from "./pages/BookInfoPage/UserCommentPage";
-import BookInfoAddedPage from "./pages/BookInfoPage/BoonInfoAddedPage";
+import BookInfoAddedPage from "./pages/BookInfoPage/BookInfoAddedPage";
 import StatisticsPage from "./pages/StatisticsPage/StatisticsPage";
 import CharacterExportPage from "./pages/StatisticsPage/CharacterExportPage";
+import SummaryExportPage from "./pages/StatisticsPage/SummaryExportPage";
 import CardDecorationPage from "./pages/RecordingPage/CardDecorationPage";
 import LibraryPage from "./pages/LibraryPage/LibraryPage";
 import EnterBookCasePage from "./pages/LibraryPage/EnterBookCasePage";
@@ -70,11 +71,15 @@ function App() {
       <Route path="/signin" element={<SigninPage />} />
       <Route path="/setting" element={<SettingPage />} />
       <Route path="/notification" element={<NotificationPage />} />
-      <Route path="/statistics" element={<StatisticsPage />} />
+      <Route path="/statistics/:userId" element={<StatisticsPage />} />
       <Route
         path="/statistics/export/character"
         element={<CharacterExportPage />}
       />
+      <Route
+        path="/statistics/export/summary"
+        element={<SummaryExportPage />}
+      />
       <Route path="/" element={<Navigate to="/home" replace />} />
       <Route path="/api/oauth" element={<OAuthRedierctPage />} />
       <Route path="/home" element={<MainPage />} />
@@ -84,7 +89,10 @@ function App() {
       <Route path="/recording" element={<RecordingPage />} />
       <Route path="/search/register" element={<RegisterPage />} />
       <Route path="/info/book/:bookinfoId" element={<BookInfoPage />} />
-      <Route path="/info/book/user" element={<BookInfoAddedPage />} />
+      <Route
+        path="/info/book/custom/:bookinfoId"
+        element={<BookInfoAddedPage />}
+      />
       <Route path="/info/book/comment" element={<UserCommentPage />} />
       <Route path="/selectcard" element={<SelectCardPage />} />
       <Route path="/selectcard/extract" element={<SelectExtractPage />} />

bookduck/src/api/bookinfo.js

@@ -1,7 +1,7 @@
 import { apiAuth } from "./api";
 import { get, post, patch, put, del } from "./example";
 
-// 한줄평,별점 목록 조회
+// 기본 책정보 조회(bookinfoId)
 export const getBookInfo = async ({ bookinfoId }) => {
   try {
     const res = await get(`/bookinfo/${bookinfoId}`);
@@ -13,6 +13,18 @@ export const getBookInfo = async ({ bookinfoId }) => {
   }
 };
 
+// custom 책정보 조회(bookinfoId)
+export const getCustomBookInfo = async ({ bookinfoId }) => {
+  try {
+    const res = await get(`/bookinfo/custom/${bookinfoId}`);
+    console.log("책정보 조회 성공: ", res);
+    return res;
+  } catch (error) {
+    console.error("책정보 조회 실패: ", error);
+    throw error;
+  }
+};
+
 // 한줄평,별점 목록 조회
 export const getOneLineRatingsInfo = async ({
   bookinfoId,
@@ -104,7 +116,7 @@ export const deleteOneLine = async (onelineId) => {
   }
 };
 
-//한줄평 좋아요
+//한줄평 좋아요 등록
 export const enrollLike = async (onelineId) => {
   const url = `onelines/${onelineId}/like`;
   try {
@@ -128,3 +140,27 @@ export const deleteLike = async (onelineId) => {
     throw error;
   }
 };
+
+//나의 기록 조회
+export const getMyArchive = async ({ bookinfoId }) => {
+  try {
+    const res = await get(`/bookinfo/${bookinfoId}/archives/users/me`);
+    console.log("나의 기록 조회 성공: ", res);
+    return res;
+  } catch (error) {
+    console.error("나의 기록 조회 실패: ", error);
+    throw error;
+  }
+};
+
+//연관 추천도서 조회
+export const getRelatedBookInfo = async ({ bookinfoId }) => {
+  try {
+    const res = await get(`/bookinfo/${bookinfoId}/explore`);
+    console.log("추천도서 조회 성공: ", res);
+    return res;
+  } catch (error) {
+    console.error("추천도서 조회 실패: ", error);
+    throw error;
+  }
+};

bookduck/src/api/character.js

@@ -36,3 +36,15 @@ export const getItemLists = async () => {
     throw error;
   }
 };
+
+// 내 뱃지 목록 조회
+export const getBadgeLists = async () => {
+  try {
+    const res = await get(`/badges`);
+    console.log("배지 리스트 조회 성공: ", res);
+    return res;
+  } catch (error) {
+    console.error("배지 리스트 조회 실패: ", error);
+    throw error;
+  }
+};

bookduck/src/api/statistics.js

@@ -24,3 +24,27 @@ export const getUserStatisticsInfo = async (userId) => {
     throw error;
   }
 };
+
+// 키워드 조회
+export const getKeywords = async (userId) => {
+  try {
+    const res = await get(`/users/${userId}/keywords`);
+    console.log("키워드 조회 성공: ", res);
+    return res;
+  } catch (error) {
+    console.error("키워드 조회 실패: ", error);
+    throw error;
+  }
+};
+
+// 통계 요약 내보내기 정보 제공
+export const getExportSummaryInfo = async () => {
+  try {
+    const res = await get(`/export/statistics`);
+    console.log("통계 요약 정보 조회 성공: ", res);
+    return res;
+  } catch (error) {
+    console.error("통계 요약 정보 조회 실패: ", error);
+    throw error;
+  }
+};