Dev -> main 배포

api/game/apis.ts

@@ -1,10 +1,6 @@
-const BASE_URL = process.env.NEXT_PUBLIC_API_KEY;
-
 export async function getMonthSchedules(params: string) {
   try {
-    const res = await fetch(
-      `${BASE_URL}/game/monthschedule?yearMonth=${params}`
-    );
+    const res = await fetch(`/api/game/monthschedule?yearMonth=${params}`);
 
     if (!res.ok) {
       throw new Error("네트워크 문제 발생");
@@ -20,9 +16,7 @@ export async function getMonthSchedules(params: string) {
 
 export async function getAllSchedules(params: string) {
   try {
-    const res = await fetch(
-      `${BASE_URL}/game/allgameschedule?yearMonth=${params}`
-    );
+    const res = await fetch(`/api/game/allgameschedule?yearMonth=${params}`);
 
     if (!res.ok) {
       throw new Error("네트워크 문제 발생");
@@ -36,12 +30,11 @@ export async function getAllSchedules(params: string) {
   }
 }
 
-export const fetchBoxscore = async (gameDate?: number, gmkey?: string) => {
+export const getBoxscore = async (
+  queryparams: string
+): Promise<GetBoxscore> => {
   try {
-    const queryparams =
-      gameDate && gmkey ? `?gameDate=${gameDate}&gmkey=${gmkey}` : "";
-
-    const URL = `${BASE_URL}/game/boxscore${queryparams}`;
+    const URL = `/api/game/boxscore${queryparams}`;
 
     const response = await fetch(URL);
 

api/main/apis.ts

@@ -0,0 +1,15 @@
+export const getKtwizRank = async (): Promise<GetKtwizRank> => {
+  try {
+    const response = await fetch("/api/game/ktwizteamrank");
+
+    if (!response.ok) {
+      throw new Error("Network response was not ok");
+    }
+
+    const result = await response.json();
+    return result.data.ktWizTeamRank;
+  } catch (error) {
+    console.error("API 요청 에러:", error);
+    throw error;
+  }
+};

api/news/apis.ts

@@ -0,0 +1,16 @@
+// news-detail
+export const getNewsDetail = async (
+  artcSeq: string
+): Promise<ArticleContentsResponse["data"]> => {
+  const queryparam = artcSeq ? `newsdetail?artcSeq=${artcSeq}` : "";
+
+  const url = `/api/article/${queryparam}`;
+  const res = await fetch(url);
+
+  if (!res.ok) {
+    throw new Error("Failed to fetch news detail");
+  }
+
+  const response: ArticleContentsResponse = await res.json();
+  return response.data;
+};

api/news/types.ts

@@ -0,0 +1,5 @@
+type ArticleContentsResponse = {
+  data: {
+    article: ArticleContentsType;
+  };
+};

api/player/apis.ts

@@ -1,10 +1,13 @@
-import { CoachDetailResponse, CoachResponse, PitcherResponse } from "./types";
-
-const BASE_URL = process.env.NEXT_PUBLIC_API_KEY;
+import {
+  CoachDetailResponse,
+  CoachResponse,
+  PitcherDetailResponse,
+  PitcherResponse,
+} from "./types";
 
 // player - 코치 리스트
 export const getCoachList = async (): Promise<CoachInfo[]> => {
-  const url = `${BASE_URL}/player/coachlist`;
+  const url = `/api/player/coachlist`;
   const res = await fetch(url);
 
   if (!res.ok) {
@@ -17,7 +20,7 @@ export const getCoachList = async (): Promise<CoachInfo[]> => {
 
 // player - 투수 리스트
 export const getPitcherList = async (): Promise<PitcherInfo[]> => {
-  const url = `${BASE_URL}/player/pitcherlist`;
+  const url = `/api/player/pitcherlist`;
   const res = await fetch(url, { method: "GET" });
   if (!res.ok) {
     throw new Error("Failed to fetch coach list");
@@ -32,7 +35,7 @@ export const getCoachDetail = async (
   pcode: string
 ): Promise<CoachDetailResponse["data"]> => {
   const queryparam = pcode ? `coachdetail?pcode=${pcode}` : "";
-  const url = `${BASE_URL}/player/${queryparam}`;
+  const url = `/api/player/${queryparam}`;
   const response = await fetch(url, { method: "GET" });
 
   if (!response.ok) {
@@ -42,3 +45,19 @@ export const getCoachDetail = async (
   const data = await response.json();
   return data.data;
 };
+
+// player - 투수 디테일
+export const getPitcherDetail = async (
+  pcode: string
+): Promise<PitcherDetailResponse["data"]> => {
+  const queryparam = pcode ? `pitcherdetail?pcode=${pcode}` : "";
+  const url = `/api/player/${queryparam}`;
+  const response = await fetch(url, { method: "GET" });
+
+  if (!response.ok) {
+    throw new Error("투수의 디테일한 정보를 가져올수 없음");
+  }
+
+  const data = await response.json();
+  return data.data;
+};

api/player/types.ts

@@ -31,3 +31,14 @@ export type CoachDetailResponse = {
     };
   };
 };
+
+export type PitcherDetailResponse = {
+  data: {
+    gameplayer: PitcherPersonalInfo;
+    recentgamerecordlist: PitcherGameRecord[];
+    recentgamerecordlistfutures: PitcherGameRecord[];
+    seasonsummary: PitcherSeasonSummary;
+    seasonsummaryfutures: PitcherSeasonSummary;
+    yearrecordlist: PitcherYearRecord[];
+  };
+};

app/(menu)/ktwiz/wallpaper/page.tsx

@@ -1,3 +1,14 @@
+import Image from "next/image";
+import { wallpaper_img } from "@/assets/images/@index";
+
 export default function page() {
-  return <div>page입니다</div>;
+  return (
+    <Image
+      className="rounded-[50px]"
+      src={wallpaper_img}
+      alt="wallpaper_img"
+      width={1100}
+      height={1000}
+    />
+  );
 }

app/(menu)/media/news/[artcSeq]/page.tsx

@@ -0,0 +1,7 @@
+import { getNewsDetail } from "@/api/news/apis";
+import { NewsDetail } from "@/components/media/news-detail";
+
+export default async function page() {
+  const { article } = await getNewsDetail("190048"); //임시
+  return <NewsDetail data={article} />;
+}

app/(menu)/player/coach/[pcode]/page.tsx

@@ -1,5 +1,5 @@
 import { getCoachDetail } from "@/api/player/apis";
-import { CoachDetail } from "@/components/player/coach-detail";
+import { CoachDetail } from "@/components/player/coach/coach-detail";
 
 export default async function Page({
   params,

app/(menu)/player/coach/page.tsx

@@ -1,5 +1,5 @@
 import { getCoachList } from "@/api/player/apis";
-import { CoachList } from "@/components/player/coach-list";
+import { CoachList } from "@/components/player/coach/coach-list";
 export const dynamic = "force-dynamic";
 export default async function Page() {
   const coachList = await getCoachList();

app/(menu)/player/pitcher/[pcode]/page.tsx

@@ -1,8 +1,18 @@
-export default async function Page() {
+import { getPitcherDetail } from "@/api/player/apis";
+import { PitcherDetail } from "@/components/player/pitcher/pitcher-detail";
+
+export default async function Page({
+  params,
+}: {
+  params: {
+    pcode: string;
+  };
+}) {
+  const { pcode } = params;
+  const data = await getPitcherDetail(pcode);
   return (
     <>
-      <div>투수 디테일 페이지</div>
-      {/* <CoachDetail /> */}
+      <PitcherDetail data={data} />
     </>
   );
 }

app/(menu)/player/pitcher/page.tsx

@@ -1,5 +1,5 @@
 import { getPitcherList } from "@/api/player/apis";
-import PitcherList from "@/components/player/pitcher-list";
+import PitcherList from "@/components/player/pitcher/pitcher-list";
 export const dynamic = "force-dynamic";
 export default async function page() {
   const pitcherList = await getPitcherList();

app/(menu)/wizpark/iksan/page.tsx

@@ -7,7 +7,6 @@ import { BusRouteInfo } from "@/components/wizpark/iksan/bus-route-info";
 import { IKSAN_IMAGES, IKSAN_LOCATION } from "@/constants/stadium";
 import { Bus, ExternalLink, Images, Map, MapPin } from "lucide-react";
 import Link from "next/link";
-import Script from "next/script";
 
 export default function page() {
   return (
@@ -32,10 +31,6 @@ export default function page() {
           </div>
         </CardContent>
       </Card>
-      <Script
-        strategy="beforeInteractive"
-        src={`//dapi.kakao.com/v2/maps/sdk.js?appkey=${process.env.NEXT_PUBLIC_KAKAO_API_KEY}&libraries=services&autoload=false`}
-      />
       <CardHeader>
         <CardTitle className="flex items-center">
           <Map className="mr-2" />

app/(menu)/wizpark/location/page.tsx

@@ -2,18 +2,13 @@ import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui";
 import KakaoMap from "@/components/common/Map";
 import { Bus, ExternalLink, Map, MapPin, MoveRight, Train } from "lucide-react";
 import Link from "next/link";
-import Script from "next/script";
 import { SUWON_LOCATION } from "@/constants/stadium";
 
 export default function page() {
 
 
   return (
     <div>
-      <Script
-        strategy="beforeInteractive"
-        src={`//dapi.kakao.com/v2/maps/sdk.js?appkey=${process.env.NEXT_PUBLIC_KAKAO_API_KEY}&libraries=services&autoload=false`}
-      />
       <CardHeader>
         <CardTitle className="flex items-center">
           <Map className="mr-2" />

app/layout.tsx

@@ -4,6 +4,7 @@ import Header from "@/components/layout/header";
 import Footer from "@/components/layout/footer";
 import { Noto_Sans_KR } from "next/font/google";
 import QueryProviders from "@/providers/query-provider";
+import Script from "next/script";
 
 const notoSansKr = Noto_Sans_KR({
   subsets: ["latin"],
@@ -26,6 +27,9 @@ export default function RootLayout({
   return (
     <html lang="en">
       <body className={notoSansKr.className}>
+        <Script
+          strategy="afterInteractive"
+          src={`https://dapi.kakao.com/v2/maps/sdk.js?appkey=${process.env.NEXT_PUBLIC_KAKAO_API_KEY}&libraries=services&autoload=false`} />
         <div className="flex flex-col min-h-screen">
           <Header />
           <main className="flex-1">

assets/images/@index.ts

@@ -16,17 +16,15 @@ export { default as logo_ktwports } from "./logo_ktsports.png";
 export { default as ktwiz_en } from "./logo_ktwiz_en.svg";
 export { default as ktwiz_kr } from "./logo_ktwiz_kr.svg";
 export { default as gallery } from "./main_title_gallery.png";
-export { default as schedule } from "./main_title_schedule.png";
+export { default as bg_schedule } from "./main_title_schedule.png";
 export { default as main_title_video } from "./main_title_video.png";
 export { default as map_img } from "./map_img.png";
-export { default as reservation } from "./parking_reservation.png";
 export { default as player } from "./player_EomSangBaek.jpg";
 export { default as submenu_bg } from "./submenu_bg.png";
 export { default as about_img1 } from "./team_about_img1.png";
 export { default as about_img2 } from "./team_about_img2.png";
 export { default as about_img3 } from "./team_about_img3.png";
 export { default as about_img4 } from "./team_about_img4.png";
-export { default as ranking } from "./team_ranking.png";
 export { default as wiz_park } from "./wiz_park.jpg";
 export { default as store_banner } from "./store_banner.png";
 export { default as player_banner } from "./player_banner.png";
@@ -68,3 +66,6 @@ export { default as iksan_stadium6 } from "./iksan_stadium6.png";
 export { default as iksan_stadium7 } from "./iksan_stadium7.png";
 export { default as iksan_stadium8 } from "./iksan_stadium8.png";
 export { default as iksan_stadium9 } from "./iksan_stadium9.png";
+export { default as ranking_score } from "./ranking_score.png";
+export { default as parking_banner } from "./parking_banner.png";
+export { default as wallpaper_img } from "./wallpaper_img.png";

components/common/Map.tsx

@@ -43,7 +43,7 @@ const KakaoMap = ({ location }: { location: number[] }) => {
         map.addControl(mapTypeControl, window.kakao.maps.ControlPosition.TOPRIGHT);
       });
     }
-  }, [])
+  }, [location])
 
   return (
     <div className="flex justify-center">

components/game/boxscore/boxscore-container.tsx

@@ -12,8 +12,8 @@ const BoxscoreContainer = () => {
     gameDate?: number;
     gmkey?: string;
   }>({
-    gameDate: undefined,
-    gmkey: "",
+    gameDate: 20241011,
+    gmkey: "33331011KTLG0",
   });
 
   const { data, isLoading } = useBoxscore(apiKey.gameDate, apiKey.gmkey);

components/main/gallery.tsx

@@ -3,8 +3,10 @@ import Image from "next/image";
 import { gallery, store_banner, player_banner } from "@/assets/images/@index";
 import Carousel from "../ui/custom-carousel";
 import { CAROUSE_ITEMS } from "@/constants/main";
+import { useRouter } from "next/navigation";
 
 const Gallery = () => {
+  const router = useRouter();
   return (
     <div className="w-[1200px] justify-self-center relative mb-[100px] justify-items-center">
       <div className="relative h-[620px]">
@@ -22,12 +24,25 @@ const Gallery = () => {
         </div>
       </div>
       <div className="w-[1100px] mt-[40px] flex gap-5 justify-self-center">
-        <Image src={store_banner} alt="Store Banner" width={540} height={190} />
+        <Image
+          src={store_banner}
+          alt="Store Banner"
+          width={540}
+          height={190}
+          className="cursor-pointer"
+          onClick={() => {
+            window.open("https://www.ktwizstore.co.kr", "_blank");
+          }}
+        />
         <Image
           src={player_banner}
           alt="Player of the Month Banner"
           width={540}
           height={190}
+          className="cursor-pointer"
+          onClick={() => {
+            router.push("/player/hitter/infielder/14");
+          }}
         />
       </div>
     </div>

components/main/parking.tsx

@@ -0,0 +1,38 @@
+import { useRouter } from "next/navigation";
+import Image from "next/image";
+import { parking_banner } from "@/assets/images/@index";
+import { ChevronRight } from "lucide-react";
+
+const Parking = () => {
+  const router = useRouter();
+
+  return (
+    <div className="relative h-[280px] rounded-[20px] overflow-hidden">
+      <Image
+        src={parking_banner}
+        alt="parking reservaion"
+        width={540}
+        height={190}
+        className="cursor-pointer block"
+        onClick={() => {
+          router.push("/wizpark/parking");
+        }}
+      />
+      <div className="absolute w-[540px] h-[190px] inset-0 px-10 pt-4 flex flex-col justify-center mr-10">
+        <p className="text-l text-SYSTEM-main font-medium mb-2">
+          수원 케이터 워즈 파크
+        </p>
+        <h1 className="text-2xl font-medium mb-6">사전 주차 예약제 안내</h1>
+        <button
+          onClick={() => router.push("/parking/reserve")}
+          className="flex items-center gap-2 text-l hover:gap-4 transition-all w-fit"
+        >
+          사전주차 예약하기
+          <ChevronRight size={20} />
+        </button>
+      </div>
+    </div>
+  );
+};
+
+export default Parking;