develp branch 작업내용 머지 : develop -> main

src/api/books/getBookDetail.ts

@@ -0,0 +1,33 @@
+import { apiClient } from '../index';
+
+// 책 상세 정보 타입
+export interface BookDetail {
+  title: string;
+  imageUrl: string;
+  authorName: string;
+  publisher: string;
+  isbn: string;
+  description: string;
+  recruitingRoomCount: number;
+  readCount: number;
+  isSaved: boolean;
+}
+
+// API 응답 타입
+export interface BookDetailResponse {
+  isSuccess: boolean;
+  code: number;
+  message: string;
+  data: BookDetail;
+}
+
+export const getBookDetail = async (isbn: string): Promise<BookDetailResponse> => {
+  try {
+    const response = await apiClient.get<BookDetailResponse>(`/books/${isbn}`);
+
+    return response.data;
+  } catch (error) {
+    console.error('책 상세 정보 API 오류:', error);
+    throw error;
+  }
+};

src/api/books/getMostSearchedBooks.ts

@@ -0,0 +1,32 @@
+import { apiClient } from '../index';
+
+// 인기 검색 도서 타입
+export interface MostSearchedBook {
+  rank: number;
+  title: string;
+  imageUrl: string;
+  isbn: string;
+}
+
+// API 응답 데이터 타입
+export interface MostSearchedBooksData {
+  bookList: MostSearchedBook[];
+}
+
+// API 응답 타입
+export interface MostSearchedBooksResponse {
+  isSuccess: boolean;
+  code: number;
+  message: string;
+  data: MostSearchedBooksData;
+}
+
+export const getMostSearchedBooks = async (): Promise<MostSearchedBooksResponse> => {
+  try {
+    const response = await apiClient.get<MostSearchedBooksResponse>('/books/most-searched');
+    return response.data;
+  } catch (error) {
+    console.error('인기 검색 도서 조회 API 오류:', error);
+    throw error;
+  }
+};

src/api/books/getRecruitingRooms.ts

@@ -0,0 +1,40 @@
+import { apiClient } from '../index';
+
+// 모집중인 모임방 타입
+export interface RecruitingRoom {
+  roomId: number;
+  bookImageUrl: string;
+  roomName: string;
+  memberCount: number;
+  recruitCount: number;
+  deadlineEndDate: string;
+}
+
+// API 응답 데이터 타입
+export interface RecruitingRoomsData {
+  recruitingRoomList: RecruitingRoom[];
+  totalRoomCount: number;
+  nextCursor: string;
+  isLast: boolean;
+}
+
+// API 응답 타입
+export interface RecruitingRoomsResponse {
+  isSuccess: boolean;
+  code: number;
+  message: string;
+  data: RecruitingRoomsData;
+}
+
+export const getRecruitingRooms = async (isbn: string): Promise<RecruitingRoomsResponse> => {
+  try {
+    const response = await apiClient.get<RecruitingRoomsResponse>(
+      `/books/${isbn}/recruiting-rooms`,
+    );
+
+    return response.data;
+  } catch (error) {
+    console.error('모집중인 모임방 조회 API 오류:', error);
+    throw error;
+  }
+};

src/api/books/getSavedBooks.ts

@@ -0,0 +1,39 @@
+import { apiClient } from '../index';
+
+// 저장한 책 정보 타입
+export interface SavedBook {
+  bookId: number;
+  bookTitle: string;
+  authorName: string;
+  publisher: string;
+  bookImageUrl: string;
+  isbn: string;
+}
+
+// API 응답 데이터 타입
+export interface SavedBooksData {
+  bookList: SavedBook[];
+}
+
+// API 응답 타입
+export interface SavedBooksResponse {
+  isSuccess: boolean;
+  code: number;
+  message: string;
+  data: SavedBooksData;
+}
+
+// 저장한 책 또는 참여 중 모임의 책 조회
+export const getSavedBooks = async (type: 'saved' | 'joining'): Promise<SavedBooksResponse> => {
+  try {
+    const response = await apiClient.get<SavedBooksResponse>('/books/selectable-list', {
+      params: {
+        type: type.toUpperCase(),
+      },
+    });
+    return response.data;
+  } catch (error) {
+    console.error('저장한 책 조회 API 오류:', error);
+    throw error;
+  }
+};

src/api/books/getSearchBooks.ts

@@ -0,0 +1,70 @@
+import { apiClient } from '../index';
+
+// 검색된 책 타입 (API 응답에서 받는 형태)
+export interface BookSearchItem {
+  title: string;
+  imageUrl: string;
+  authorName: string;
+  publisher: string;
+  isbn: string;
+}
+
+// 검색된 책 타입 (컴포넌트에서 사용하는 형태)
+export interface SearchedBook {
+  id: number;
+  title: string;
+  author: string;
+  publisher: string;
+  coverUrl: string;
+  isbn: string;
+}
+
+// API 응답 데이터 타입
+export interface SearchBooksData {
+  searchResult: BookSearchItem[];
+  page: number;
+  size: number;
+  totalElements: number;
+  totalPages: number;
+  last: boolean;
+  first: boolean;
+}
+
+// API 응답 타입
+export interface SearchBooksResponse {
+  isSuccess: boolean;
+  code: number;
+  message: string;
+  data: SearchBooksData;
+}
+
+export const getSearchBooks = async (
+  query: string,
+  page: number = 1,
+  isFinalized: boolean = false,
+): Promise<SearchBooksResponse> => {
+  try {
+    const response = await apiClient.get<SearchBooksResponse>('/books', {
+      params: {
+        keyword: query.trim(),
+        page: page,
+        isFinalized: isFinalized,
+      },
+    });
+    return response.data;
+  } catch (error) {
+    console.error('책 검색 API 오류:', error);
+    throw error;
+  }
+};
+
+export const convertToSearchedBooks = (apiBooks: BookSearchItem[]): SearchedBook[] => {
+  return apiBooks.map((book, index) => ({
+    id: index + 1,
+    title: book.title,
+    author: book.authorName,
+    publisher: book.publisher,
+    coverUrl: book.imageUrl,
+    isbn: book.isbn,
+  }));
+};

src/api/books/postSaveBook.ts

@@ -0,0 +1,32 @@
+import { apiClient } from '../index';
+
+// 북마크 요청 타입
+export interface SaveBookRequest {
+  type: boolean;
+}
+
+// 북마크 응답 데이터 타입
+export interface SaveBookData {
+  isbn: string;
+  isSaved: boolean;
+}
+
+// 북마크 응답 타입
+export interface SaveBookResponse {
+  isSuccess: boolean;
+  code: number;
+  message: string;
+  data: SaveBookData;
+}
+
+export const postSaveBook = async (isbn: string, type: boolean): Promise<SaveBookResponse> => {
+  try {
+    const response = await apiClient.post<SaveBookResponse>(`/books/${isbn}/saved`, {
+      type: type,
+    });
+    return response.data;
+  } catch (error) {
+    console.error('책 저장 API 오류:', error);
+    throw error;
+  }
+};

src/api/feeds/getWriteInfo.ts

@@ -0,0 +1,38 @@
+import { apiClient } from '../index';
+
+// 카테고리 및 태그 데이터 타입
+export interface CategoryData {
+  category: string;
+  tagList: string[];
+}
+
+// API 응답 데이터 타입
+export interface WriteInfoData {
+  categoryList: CategoryData[];
+}
+
+// API 응답 타입
+export interface GetWriteInfoResponse {
+  isSuccess: boolean;
+  code: number;
+  message: string;
+  data: WriteInfoData;
+}
+
+// 새 글 작성을 위한 카테고리 및 태그 조회 API 함수
+export const getWriteInfo = async () => {
+  const response = await apiClient.get<GetWriteInfoResponse>('/feeds/write-info');
+  return response.data;
+};
+
+/*
+사용 예시:
+const writeInfo = await getWriteInfo();
+console.log(writeInfo.data.categoryList); // CategoryData[]
+
+// 카테고리별 태그 접근
+writeInfo.data.categoryList.forEach(category => {
+  console.log(`카테고리: ${category.category}`);
+  console.log(`태그: ${category.tagList.join(', ')}`);
+});
+*/

src/api/index.ts

@@ -13,7 +13,33 @@ export const apiClient = axios.create({
   withCredentials: true, // 쿠키 자동 전송 설정
 });
 
-// 응답 인터셉터 (에러 처리)
+// 임시 하드코딩된 토큰 (쿠키가 없을 때 사용)
+const TEMP_ACCESS_TOKEN =
+  'eyJhbGciOiJIUzI1NiJ9.eyJ1c2VySWQiOjEsImlhdCI6MTc1NDM4MjY1MiwiZXhwIjoxNzU2OTc0NjUyfQ.BSGuoMWlrzc0oKgSJXHEycxdzzY9-e7gD4xh-wSDemc';
+
+// Request 인터셉터: 쿠키가 없을 때 임시 토큰을 헤더에 추가
+apiClient.interceptors.request.use(
+  config => {
+    // 쿠키에서 Authorization 확인
+    const cookies = document.cookie.split(';');
+    const hasAuthCookie = cookies.some(cookie => cookie.trim().startsWith('Authorization='));
+
+    // 쿠키가 없으면 임시 토큰을 헤더에 추가
+    if (!hasAuthCookie) {
+      console.log('🔑 쿠키가 없어서 임시 토큰을 헤더에 추가합니다.');
+      config.headers.Authorization = `Bearer ${TEMP_ACCESS_TOKEN}`;
+    } else {
+      console.log('✅ Authorization 쿠키가 있어서 자동으로 전송됩니다.');
+    }
+
+    return config;
+  },
+  error => {
+    return Promise.reject(error);
+  },
+);
+
+// Response 인터셉터: 401 에러 시 로그인 페이지로 리다이렉트
 apiClient.interceptors.response.use(
   (response: AxiosResponse) => response,
   (error: AxiosError) => {