ReviewPage 컴포넌트
이 컴포넌트는 URL 파라미터에서 인터뷰 리뷰 ID를 받아 해당 리뷰 데이터를 조회하고, 로딩 상태에 따라 ReviewSkeleton 또는 ReviewForm을 조건부로 렌더링합니다.
ReviewSkeleton
ReviewForm
기능:
reviewId
useReviewStore
key={review.updatedAt}
UI 컴포넌트:
useQuery
staleTime
review.updatedAt
updatedAt
key
<Route path="/:reviewId" element={<ReviewPage />} /> Copy
<Route path="/:reviewId" element={<ReviewPage />} />
ReviewPage 컴포넌트
이 컴포넌트는 URL 파라미터에서 인터뷰 리뷰 ID를 받아 해당 리뷰 데이터를 조회하고, 로딩 상태에 따라
ReviewSkeleton또는ReviewForm을 조건부로 렌더링합니다.기능:
reviewId를 기준으로 인터뷰 리뷰 데이터를 가져옵니다.useReviewStore를 통해 전역 상태에 저장합니다.ReviewSkeleton, 로딩 완료 시엔ReviewForm을 렌더링합니다.ReviewForm에는key={review.updatedAt}을 지정하여 데이터가 변경된 경우에만 리렌더링이 일어나도록 제어합니다.UI 컴포넌트:
ReviewSkeleton: 로딩 중일 때 보여주는 스켈레톤 컴포넌트입니다.ReviewForm: 리뷰 데이터를 기반으로 렌더링되는 메인 폼 컴포넌트입니다.