♻️ [WV-35] refactor : player coach detail 페이지 생성

[hayoung78]

개요

coach detail 페이지 생성

PR Checklist

PR이 다음 요구 사항을 충족하는지 확인하세요.

• PR 제목 및 커밋 메시지 컨벤션 확인
• 직접 만든 함수가 있다면 이에 대한 설명 추가 (ex. JS DOCS)
• 변경 사항에 대한 테스트 완료 (버그 수정/기능에 대한 테스트)
• Label 확인
• Assignees 설정 확인
• Reviewers 설정 확인

PR details

getCoachDetail api함수 생성

// player - 코치 디테일
export const getCoachDetail = async (
  pcode: string
): Promise<CoachDetailResponse["data"]> => {
  const queryparam = pcode ? `coachdetail?pcode=${pcode}` : "";
  const url = `${BASE_URL}/player/${queryparam}`;
  const response = await fetch(url, { method: "GET" });

  if (!response.ok) {
    throw new Error("Network response was not ok");
  }

  const data = await response.json();
  return data.data;
};

pcode값에 따른 동적 라우팅 페이지 (코칭스텝 디테일 페이지) 생성

• 원래 [id] - page.tsx로 폴더구조 되어있던거를 pcode로 수정했습니다.
  app/(menu)/player/coach/[pcode]/page.tsx

• coach-page.tsx에서 코치리스트 를 보여주고, 코치 플레이어 카드 누를경우 해당 코치의 pcode값을 params로 coach/[pcode]-page.tsx의 경로로 이동합니다.

coach > page.tsx

coach > [pcode] > page.tsx

2025-01-10.3.07.20.mov

정적 프리렌더링 비활성화 => export const dynamic = "force-dynamic";

When modifying code...

# Request Level
  - [ ] : "🔥 이대로 Merge 하면 안돼요~!"
  - [ ] : "🥹 고치면 분명 나아질 게 분명합니다.."
  - [ ] : "🤷 수정하면 좋지 않을까요?"

# Description

[Jinviz]

수고하였습니다.
궁금한 게 있는데, page 컴포넌트 자체를 async로 선언하는 것과 page안에서 async 함수로 데이터 패칭하는 것과 둘의 동작 차이가 있을까요?

[hee2323]

console 삭제해주세요

[hayoung78]

아 ;;;; 뭐야 저거

[hayoung78]

삭제했슴당

[hayoung78]

수고하였습니다. 궁금한 게 있는데, page 컴포넌트 자체를 async로 선언하는 것과 page안에서 async 함수로 데이터 패칭하는 것과 둘의 동작 차이가 있을까요?

구두로 설명 드렸습니당

[hee2323]

고생하셨습니다