react-query

좋아요는 많이 사용되는 기능이기 때문에, 성능 최적화를 위해 로직을 분리하는것이 더 효율적이라고 판단하여 이에 대한 작업을 수행하였다. 게시글과 댓글, 대댓글에 좋아요가 가능하도록 구현되어 있고, 좋아요에 대한 collection 또한 분리해두고, post와 comment는 likeCount 필드를 가지고 있어서, 좋아요가 변경될때마다 쿼리를 하지 않도록 하였다.  📎 DB collection 참고https://s-organization-335.gitbook.io/meongnang Firebase DB 설계 | 성능 최적화 & 기술적 의사결정👤 User Users FieldType ㄴ Following FieldType ㄴ Follower FieldType Follow 정보를 User 테이블에서 한번..

좋아요한 상품들을 프론트단에서 관리하기 위해, zustand 스토어에 productId를 배열로 관리하고 있다. 마이페이지에서, 좋아요한 상품 productList들을 위해서, zustand에서 관리하고있는 productId들의 배열을 순회하면서, 해당 productId로 getProduct 쿼리문을 수행해야한다.  useQueries여러개의 비동기 쿼리를 동시에 실행할 수 있게 해주는 훅으로, 각각의 쿼리를 배열 형태로 받아 각 쿼리의 결과를 배열로 반환한다. 또한 각 쿼리의 로딩 상태나 에러상태 등을 개별적으로 관리할 수 있다.  동적 병렬 쿼리 작업을 위해 사용하기에, 주로 여러 개의 비동기 쿼리를 동시에 실행해야 할 때 적합하다. const results = useQueries(..