별점 기능

doy·2025년 8월 29일

1. 평균 별점 조회 API

  • fetchAverageRating 함수를 추가하여 백엔드에서 평균 별점을 가져옵니다.
    ⇒ 백엔드:users_recipes_rate 테이블에서 해당 레시피의 모든 별점의 평균을 계산합니다.
  • 평균 별점은 로그인하지 않은 유저도 모두 볼수 있음

2. 별점저장 API

  • 사용자가 별점을 등록하거나 수정할 때 사용합니다.
  • 기존에 별점을 준 적이 있다면 업데이트하고, 없다면 새로 추가합니다.

문제:

상세페이지에서 뒤로가기를 한번 누르면 동일한 상세페이지가 한번더 렌더링 돼서 뒤로가기하려면 두번 클릭해야함

원인:

RecipeListPage.jsx에서 북마크 함수 handleCardclick에서 북마크 이외의 카드영역을 클릭하면 카드 상세페이지로 이동하는 기능 구현하려고 window.location.href 을 사용해서 href의 속성때문에 새로고침을 유발한게 원인이었음

해결:

이미 레시피 카드 렌더링 코드쪽에서 Link 태그를 이용해 카드 상세페이지로 이동하는 코드를 작성했기 때문에 window.location.href를 제거.

profile
👾

0개의 댓글