[TIL] 24/01/30 [최종] 알람 구현 중 (헤더 완료 / 알람페이지 50%)
ㅠ.ㅠ
다시 열심히..
1. 알람 구현 중 supabase realtime
flow를 다시 정리해보면 ...
1) useEffect1 : realtime 을 걸어놓은 noti DB를 useQuery로 내 id에 해당하는 것만 읽어와서 state로 저장.
2) noti DB를 subscribe 해둔다.
3) DB에 신규 noti가 한줄 추가 되면, mutate를 이용, onSuccess 에서 쿼리 키를 invalidate 해준다. 그러면 새로 ~ 받아오것지?
- 앗 이렇게 안했다?? / state만 업데이트 해주었다. 유저입장에서 보이는 것에 있어서는 바로 추가 되기는 하는데...
사실 3) 자체는 문제가 없는 것 같다.
4) 알람 하나를 클릭시 헤더에서 지워주기 위해, mutateFn에서 status를 읽음 으로 바꾸고
onSuccess 에서 쿼리키를 invalidate 해준다. (다시 읽어오겠지 ?)
그런데 처음에 안지워질 때가 있다. 'ㅇ'....
오히려 3번에서 추가는 실시간으로 잘된다.
2. 알람 궁금 점
내일 튜터님한테 가야게쓰
헤더의 알람 부분이 있고, 알람페이지가 있는데...
realtime table 구독을 각각 해주어도 되는 것인가.....
일단 각자 넣어놨는데 뭔가 제대로 안되는 느낌이닷.
프로젝트 진행 상황
✓ MVP 수정사항 + 유저피드백 반영 중
✓ 추가 구현은 알람 50% 구현
✓ 공유하기 90% 구현
내 진행 상황
헤더 (이슈 빼고 완료)
1. 헤더 알람 css
2. 클릭시 게시물 페이지로 이동 및 useQuery invalidation 으로 알람 삭제 구현 근데 가끔 안됨~~
3. 알람 type 마다 다른 알람 메시지 구현
---
알람 페이지
1. 알람페이지 css
2. 전체적으로 헤더와 동일 적용 하였는데.. 뭔가.. 이상하다~
남은 것 : 안읽은 메시지만 보기, 전체삭제, 더보기