feat: 백그라운드 스크립트 API 핸들러 리팩토링 및 추가

src/background/handlers/api/cosmeticHandler.ts

@@ -0,0 +1,55 @@
+export const handleCosmeticDataFetch = async (
+    message: any,
+    sender: any,
+    sendResponse: any,
+) => {
+    const { productId, html } = message.payload;
+
+    fetch("https://voim.store/api/v1/cosmetic", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ productId, html }),
+    })
+        .then(async (res) => {
+            const json = await res.json();
+            return json;
+        })
+        .then((data) => {
+            const raw = data?.data;
+
+            if (!raw || typeof raw !== "object") {
+                console.warn("[voim][background] data.data 형식 이상함:", raw);
+                sendResponse({
+                    type: "COSMETIC_DATA_ERROR",
+                    error: "API 응답 형식 오류",
+                });
+                return;
+            }
+
+            sendResponse({
+                type: "COSMETIC_DATA_RESPONSE",
+                data: raw,
+            });
+
+            if (sender.tab?.id) {
+                chrome.tabs.sendMessage(sender.tab.id, {
+                    type: "COSMETIC_DATA_RESPONSE",
+                    data: raw,
+                });
+            }
+        })
+        .catch((err) => {
+            console.error("[voim][background] COSMETIC 요청 실패:", err);
+            sendResponse({
+                type: "COSMETIC_DATA_ERROR",
+                error: err.message,
+            });
+
+            if (sender.tab?.id) {
+                chrome.tabs.sendMessage(sender.tab.id, {
+                    type: "COSMETIC_DATA_ERROR",
+                    error: err.message,
+                });
+            }
+        });
+};

src/background/handlers/api/foodHandler.ts

@@ -0,0 +1,56 @@
+export const handleFoodDataFetch = async (
+    message: any,
+    sender: any,
+    sendResponse: any,
+) => {
+    chrome.tabs.query({ active: true, currentWindow: true }, (tabs) => {
+        const activeTab = tabs[0];
+        if (!activeTab?.url) {
+            sendResponse({
+                status: 400,
+                error: "상품 페이지를 찾을 수 없습니다.",
+            });
+            return;
+        }
+
+        const productId = activeTab.url.match(/vp\/products\/(\d+)/)?.[1];
+        if (!productId) {
+            sendResponse({
+                status: 400,
+                error: "상품 ID를 찾을 수 없습니다.",
+            });
+            return;
+        }
+
+        const payload = {
+            ...message.payload,
+            productId,
+        };
+
+        fetch("https://voim.store/api/v1/products/foods", {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(payload),
+        }).then(async (res) => {
+            const text = await res.text();
+
+            try {
+                const json = JSON.parse(text);
+                if (res.ok) {
+                    sendResponse({ status: 200, data: json });
+                } else {
+                    sendResponse({
+                        status: res.status,
+                        error: json?.message ?? "에러 발생",
+                    });
+                }
+            } catch (err) {
+                console.error("[voim] JSON 파싱 실패", text);
+                sendResponse({
+                    status: res.status,
+                    error: "JSON 파싱 실패",
+                });
+            }
+        });
+    });
+};

src/background/handlers/api/healthDataHandler.ts

@@ -0,0 +1,41 @@
+export const handleHealthDataFetch = async (
+    message: any,
+    sender: any,
+    sendResponse: any,
+) => {
+    const { productId, title, html, birthYear, gender, allergies } =
+        message.payload;
+
+    fetch("https://voim.store/api/v1/health-food/keywords", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+            productId,
+            title,
+            html,
+            birthYear,
+            gender,
+            allergies,
+        }),
+    })
+        .then((res) => res.json())
+        .then((data) => {
+            if (sender.tab?.id) {
+                chrome.tabs.sendMessage(sender.tab.id, {
+                    type: "HEALTH_DATA_RESPONSE",
+                    data: data.data,
+                });
+            }
+            sendResponse({ type: "HEALTH_DATA_RESPONSE", data: data.data });
+        })
+        .catch((err) => {
+            console.error("HEALTH 요청 실패:", err);
+            if (sender.tab?.id) {
+                chrome.tabs.sendMessage(sender.tab.id, {
+                    type: "HEALTH_DATA_ERROR",
+                    error: err.message,
+                });
+            }
+            sendResponse({ type: "HEALTH_DATA_ERROR", error: err.message });
+        });
+};

src/background/handlers/api/imageAnalysisHandler.ts

@@ -0,0 +1,42 @@
+import { logger } from "@src/utils/logger";
+
+export const handleImageAnalysisFetch = async (
+    message: any,
+    sender: any,
+    sendResponse: any,
+) => {
+    const imageUrl = message.payload?.url;
+
+    fetch("https://voim.store/api/v1/image-analysis", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ url: imageUrl }),
+    })
+        .then((res) => res.json())
+        .then((data) => {
+            logger.debug("이미지 분석 API 응답:", data);
+            if (sender.tab?.id) {
+                chrome.tabs.sendMessage(sender.tab.id, {
+                    type: "IMAGE_ANALYSIS_RESPONSE",
+                    data: data.data,
+                });
+            }
+            sendResponse({
+                type: "IMAGE_ANALYSIS_RESPONSE",
+                data: data.data,
+            });
+        })
+        .catch((err) => {
+            console.error("이미지 분석 에러:", err);
+            if (sender.tab?.id) {
+                chrome.tabs.sendMessage(sender.tab.id, {
+                    type: "IMAGE_ANALYSIS_ERROR",
+                    error: err.message,
+                });
+            }
+            sendResponse({
+                type: "IMAGE_ANALYSIS_ERROR",
+                error: err.message,
+            });
+        });
+};

src/background/handlers/api/index.ts

@@ -0,0 +1,6 @@
+export { handleFoodDataFetch } from "./foodHandler";
+export { handleImageAnalysisFetch } from "./imageAnalysisHandler";
+export { handleOutlineInfoFetch } from "./outlineInfoHandler";
+export { handleCosmeticDataFetch } from "./cosmeticHandler";
+export { handleReviewSummaryFetch } from "./reviewSummaryHandler";
+export { handleHealthDataFetch } from "./healthDataHandler";

src/background/handlers/api/outlineInfoHandler.ts

@@ -0,0 +1,59 @@
+export const handleOutlineInfoFetch = async (
+    message: any,
+    sender: any,
+    sendResponse: any,
+) => {
+    const { outline, html } = message.payload;
+
+    chrome.tabs.query({ active: true, currentWindow: true }, (tabs) => {
+        const activeTab = tabs[0];
+        if (!activeTab?.url) {
+            sendResponse({
+                type: "OUTLINE_INFO_ERROR",
+                error: "상품 페이지를 찾을 수 없습니다.",
+            });
+            return;
+        }
+
+        const productId = activeTab.url.match(/vp\/products\/(\d+)/)?.[1];
+        if (!productId) {
+            sendResponse({
+                type: "OUTLINE_INFO_ERROR",
+                error: "상품 ID를 찾을 수 없습니다.",
+            });
+            return;
+        }
+
+        fetch(`https://voim.store/api/v1/product-detail/${outline}`, {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ html, productId }),
+        })
+            .then((res) => res.json())
+            .then((data) => {
+                if (sender.tab?.id) {
+                    chrome.tabs.sendMessage(sender.tab.id, {
+                        type: "OUTLINE_INFO_RESPONSE",
+                        data: data.data,
+                    });
+                }
+                sendResponse({
+                    type: "OUTLINE_INFO_RESPONSE",
+                    data: data.data,
+                });
+            })
+            .catch((err) => {
+                console.error("OUTLINE INFO 오류:", err);
+                if (sender.tab?.id) {
+                    chrome.tabs.sendMessage(sender.tab.id, {
+                        type: "OUTLINE_INFO_ERROR",
+                        error: err.message,
+                    });
+                }
+                sendResponse({
+                    type: "OUTLINE_INFO_ERROR",
+                    error: err.message,
+                });
+            });
+    });
+};

src/background/handlers/api/reviewSummaryHandler.ts

@@ -0,0 +1,54 @@
+export const handleReviewSummaryFetch = async (
+    message: any,
+    sender: any,
+    sendResponse: any,
+) => {
+    const { productId, reviewRating, reviews } = message.payload;
+
+    fetch("https://voim.store/api/v1/review/summary", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ productId, reviewRating, reviews }),
+    })
+        .then(async (res) => {
+            if (!res.ok) {
+                const errorData = await res.json().catch(() => ({}));
+                throw new Error(
+                    errorData.message || `HTTP error! status: ${res.status}`,
+                );
+            }
+            return res.json();
+        })
+        .then((data) => {
+            if (!data.data) {
+                throw new Error("서버 응답에 데이터가 없습니다.");
+            }
+
+            if (sender.tab?.id) {
+                chrome.tabs.sendMessage(sender.tab.id, {
+                    type: "REVIEW_SUMMARY_RESPONSE",
+                    data: data.data,
+                });
+            }
+            sendResponse({
+                type: "REVIEW_SUMMARY_RESPONSE",
+                data: data.data,
+            });
+        })
+        .catch((err) => {
+            console.error("[voim] REVIEW SUMMARY 오류:", err);
+            const errorMessage =
+                err.message || "리뷰 요약 처리 중 오류가 발생했습니다";
+
+            if (sender.tab?.id) {
+                chrome.tabs.sendMessage(sender.tab.id, {
+                    type: "REVIEW_SUMMARY_ERROR",
+                    error: errorMessage,
+                });
+            }
+            sendResponse({
+                type: "REVIEW_SUMMARY_ERROR",
+                error: errorMessage,
+            });
+        });
+};