Don't think! Just do it!

종합 IT 기술 정체성 카오스 블로그! 이... 이곳은 어디지?

firebase 4

[Firestore] Distributed Counter

허용되는 Firestore 문서 업데이트 주기가 초당 1회야. 초당 1회를 넘어가면 보장을 못한다는 거겠지? 음.. 그러면 "좋아요, 👍, ❤️" 같은 거 구현하려면 망하겠네? 유명한 인플루언서가 올리면 좋아요? 하트? 가 미칠듯이 찍힐테니까 말이야 ㅋㅋ 이 문제를 해결하기 위해서 firebase 공홈에서 추천하는 방법이 분산 카운터야. https://firebase.google.com/docs/firestore/solutions/counters 분산 카운터 | Firestore | Firebase Firebase Summit에서 발표된 모든 내용을 살펴보고 Firebase로 앱을 빠르게 개발하고 안심하고 앱을 실행하는 방법을 알아보세요. 자세히 알아보기 이 페이지는 Cloud Translation AP..

[소셜차트] 앱 제작기 #9. 무한 스크롤

유저가 작성한 인사이트 카드를 여러사람에게 맞춰 보여주는 건 쉽지 않은 일이겠지? ㅋㅋ 아마 Query가 마이 복잡해 질거야. 앱에서 firestore에 다이렉트로 못 할 수도 있고.. 이럴 경우에는 Backend에서 해야겠지. 그렇다고 손놓고 있으면 등신이고. 걍 일단 시간순으로 정렬해서 listview로 보여주자고.. Insight card는 단순하게 header, body, bottom 이렇게 3부분으로 나뉘는데 header에는 chart의 요약 정보가 들어갈거고 body에는 유저, 카드 내용이, 그리고 bottom에는 스크랩, 댓글 달기, 외부 공유를 할 수 있는 버튼이 있어. header와 bottom은 구현해야할 게 엄청 많으니까 일단 body만 읽어와서 뿌려줄건데 처음에는 귀엽게 10개를 고..

useInfiniteQuery + Firestore

React Query에서 나름 강력크한 기능 중 하나가 infiniteQuery지. Flatlist로 무한 스크롤 같은 거 구현할 때 데이터를 계속 읽어와야 하잖아. 그럴 때 useInfiniteQuery를 사용해서 연속적으로 데이터를 읽어와. 무한 스크롤 안들어간 앱 찾기가 힘드니까 거의 필수라고 볼 수 있지. Query할 DB는 다른 건 열심히 안해봤고 Firestore는 지금 사용중인데 잘 돌아가네. useInfiniteQuery 원래 문서는 아래 링크에 있으니까 참고해 https://react-query.tanstack.com/reference/useInfiniteQuery useInfiniteQuery Subscribe to Bytes Your weekly dose of JavaScript ne..

React Native 2022.05.26

Firefoo

GCP firebase firestore 작업하다보면 Collection 이름을 변경하고 싶을 때가 있다. Collection 이름을 뭔가 부끄럽게 만들었다던지.. 할 때.. ㅋㅋㅋㅋ 하지만 Firestore는 Collection 이름을 변경하는 기능을 지원하지 않는다. 그래서 새로운 이름의 Collection을 만들고 기존 Collection의 Document 전체를 복사해야 한다. 이런 기능을 하는 툴을 만드는 건 어렵지 않지만 혼자서 북치고 장구치는 1인 기업을 하는 상황에 이런 툴까지 만드는 것은 쉬운 일이 아니다. 그리고 해서도 안된다. '이럴 때 사용하는 툴들이 있을거 같은데?' 하고 검색해보니 몇개가 나오는데 그 중 Firefoo가 괜찮아 보여 사용중이다. Collection이나 Docume..

반응형