Feature #21 '좋아요' 버튼 중 복 요청 문제 해결

[j2h30728]

Feature

• 좋아요 버튼을 연속해서 눌렀을 때 좋아요가 여러 개 증가하는 문제 해결

Closes #21

Description

좋아요 버튼을 연속해서 눌렀을 때 좋아요가 여러 개 증가하는 문제

1. 사용자가 좋아요 버튼을 수없이 누를때 마다 api 요청이 계속되는 문제 해결

• 버튼을 눌렀을때 UI만 변경시키는 낙관적업데이트는 동일하게 유지.
• debounce 기능을 추가하여 좋아요를 연속으로 누를경우, 마지막 좋아요의 요청만을 서버로 보냄.
  • useDebounce : 6c41888
  • 마지막 요청만 서버로 보냄: f2c41e7
• 좋아요 버튼을 누르고 난 뒤에는 revalidate를 실행 시키지 않음. :{ revalidate: false, rollbackOnError: true }

2. 연속적으로 들어가는 API 요청이 데이터 베이스에 중복해서 등록되는 문제 해결

• 중복된 좋아요 처리를 위해 'tweetId_userId'복합키를 유니크 키로 생성.
• 좋아요 API에서 트랜젝션과 유니크키를 사용하여 중복데이터를 체크하고 이미 데이터가 존재하면 에러를, 존재하지않으면 추가하는 방식으로 변경.
  • 복합키를 유니크키로 사용해 중복데이터 등록을 방지할 수 있으며, 추가적인 데이터베이스 성능에 영향을 줄 수있는 트랜젝션 과한 사용 제거함 : [REFACTOR] 좋아요 API에서 사용한 트랜잭션을 제거함 #29

3. 좋아요 버튼을 명확하게 관리하기 위해 추가적인 작업

• 이전에는 POST요청만 처리하는 좋아요 API를 별도의 POST/DELETE 요청으로 분리하여, 기능별 명확한 처리를 가능하게 함.

Reference

• https://www.prisma.io/docs/concepts/components/prisma-schema/indexes
• https://medium.com/@olafdev/prisma-schema-%ED%8E%B8-2401c9609ae2

[codesandbox]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders

Open Preview

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
dam-witter	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 6, 2023 11:44pm