fix: 배포 환경에서 API 주소 오류 수정 (#211)

* feat: 작품 둘러보기 api 연결 및 구현 완료

* feat: 작품 둘러보기 주소 변경

* fix: 배포 환경에서 API 주소 오류 수정

Author: goodsmell

src/api/user/postListApi.ts

@@ -2,10 +2,11 @@ import axios from "axios";
 import Cookies from "js-cookie";
 import { StringOptionsWithImporter } from "sass";
 
-const apiUrl = import.meta.env.VITE_API_URL;
+import { SERVER_URL } from "@/constants/ServerURL";
 
 const api = axios.create({
-  baseURL: apiUrl, // Use environment variables
+  baseURL: SERVER_URL, // Use environment variables
+
   timeout: 10000,
 });
 
@@ -45,8 +46,15 @@ export const fetchExploreScripts = async (
       withCredentials: true, // 쿠키 인증 시 필요
     });
 
-    console.log(response);
-    return response.data;
+
+    const { longPlay, shortPlay } = response.data;
+    console.log(longPlay);
+    console.log(shortPlay);
+    return {
+      longPlay: Array.isArray(longPlay) ? longPlay : [],
+      shortPlay: Array.isArray(shortPlay) ? shortPlay : [],
+    };
+
   } catch (error) {
     console.error("Error fetchExploreScripts:", error);
     throw new Error(`작품 둘러보기 API 호출 실패: ${(error as Error).message}`);

src/pages/work/postList/PostGallery.tsx

@@ -37,8 +37,10 @@ const PostGallery = () => {
       try {
         const accessToken = Cookies.get("accessToken");
         const data = await fetchExploreScripts(accessToken);
-        setLongPlays(data.longPlay);
-        setShortPlays(data.shortPlay);
+
+        setLongPlays(Array.isArray(data.longPlay) ? data.longPlay : []);
+        setShortPlays(Array.isArray(data.shortPlay) ? data.shortPlay : []);
+
       } catch (error) {
         console.error("작품 목록 불러오기 실패:", error);
       } finally {
@@ -48,7 +50,9 @@ const PostGallery = () => {
     loadScripts();
   }, []);
 
-  const sortPosts = (posts: ScriptItem[], sortType: string) => {
+
+  const sortPosts = (posts: ScriptItem[] = [], sortType: string) => {
+
     const sorted = [...posts]; // 원본 배열 복사
     switch (sortType) {
       case "조회수순":