[feature-22/get-nbread-record] 엔빵 납부 여부 불러오기 기능 구현

[hm1n]

#️⃣연관된 이슈

#48

📝작업 내용

1. 엔빵 납부 여부 불러오기 기능을 구현했습니다.

• 엔빵 납부 여부를 DB로부터 가져오는 getNbreadRecords 메서드를 구현했습니다.
• 엔빵 상세 페이지의 체크박스에 DB에서 불러온 엔빵 납부 여부가 반영되도록 구현했습니다.

2. 엔빵 납부 여부 업데이트에 throttling을 적용했습니다.

• 엔빵 납부 여부 업데이트 메서드를 과도하게 호출하지 않도록 3초 throttling을 적용했습니다.
• useRef를 사용해 throttling이 적용되는 3초간은 메서드가 호출되지 않도록 구현했습니다.

3. 홈페이지 엔빵 참여자 수를 엔빵 참여 가능 최대 인원이 아닌 실제 참여 중인 인원 수로 변경했습니다.

기존에는 엔빵에 1명만 참여했더라도, 최대 참여 인원이 4명이면 4명 참여 중 이라고 표기되었습니다.
엔빵의 최대 참여 인원과 상관 없이 실제로 참여 중인 인원 수가 표기되도록 변경했습니다.

4. 사용자 프로필 사진이 적용되지 않던 문제를 수정했습니다.

스크린샷

1명 참여 중으로 변경된 화면

💬리뷰 요구사항

참여 인원 수랑 체크박스 잘 반영되는지 확인 한번씩 부탁드립니다!

[KangBoSeok-kor]

확인했습니다~ 고생하셨습니다!