db 북마크 컬렉션 삭제 후 artist 컬렉션에 bookmark 필드에 userId 추가하는 형식으로 변경
기존에는 북마크 여부 확인할 때 아티스트 카드 갯수만큼 네트워크 요청을 보내 북마크 여부를 확인했지만 변경 후 아티스트 카드에서 유저의 북마크 여부를 바로 확인할 수 있도록 개선이 되어 서버쪽 부하를 줄였음.
북마크 아이콘 변경속도 개선
artist의 bookmark 데이터를 useState에 추가하여 상태를 관리하였음.
기존에는 북마크 추가 또는 삭제 이후 성공 여부에 따른 데이터 변경 후 아이콘을 변경하여 속도가 느렸지만
Optimistic UI로 리팩토링하여 기존 상태를 먼저 변경 후에 서버쪽으로 요청을 보내는 형식으로 변경하여 속도를 개선함
대략 1~2s -> 0.7~0.8s로 개선
CORS 이슈 해결
북마크
db 북마크 컬렉션 삭제 후 artist 컬렉션에 bookmark 필드에 userId 추가하는 형식으로 변경
기존에는 북마크 여부 확인할 때 아티스트 카드 갯수만큼 네트워크 요청을 보내 북마크 여부를 확인했지만 변경 후 아티스트 카드에서 유저의 북마크 여부를 바로 확인할 수 있도록 개선이 되어 서버쪽 부하를 줄였음.
북마크 아이콘 변경속도 개선
artist의 bookmark 데이터를 useState에 추가하여 상태를 관리하였음. 기존에는 북마크 추가 또는 삭제 이후 성공 여부에 따른 데이터 변경 후 아이콘을 변경하여 속도가 느렸지만 Optimistic UI로 리팩토링하여 기존 상태를 먼저 변경 후에 서버쪽으로 요청을 보내는 형식으로 변경하여 속도를 개선함 대략 1~2s -> 0.7~0.8s로 개선