230723 내일배움캠프 10주차 WIL

230723  내일배움캠프 10주차 WIL

 

Facts

리액트 심화 주차 팀과제로 지도 api를 이용한 웹사이트 제작

대부분의 데이터 가져오기에 react-query를 사용

algolia 서비스를 이용하여 전체 텍스트 검색 수행

 

Feelings

파이어베이스에서는 자체적으로 텍스트 검색을 해주지 않아서 아쉬웠는데, 외부 서비스를 통하여 대신 할 수 있었다.

검색 서비스 때문에 리액트 쿼리를 두 번 사용하여 무한 스크롤을 구현하려고 했는데, 실패했다. 2개의 쿼리를 한 번에 사용하려다 보니 꼬인 것 같다.

Findings

리액트 쿼리에 대한 이해도가 더 높아진 것 같다. 리액트 쿼리에서 제공하는 api의 사용법이나 캐싱 등에 대해 더 알 수 있었다. 검색 api를 이용하면 데이터베이스와 검색 api간의 동기화 되는데 시간이 걸리는데, 이 부분을 클라이언트에서 어떻게 보여줘야 할지 난감했다.

Future

리액트 쿼리를 찾아보니 기본적인 useQuery 뿐만 아니라 다양한 api가 있었다. 한 번 공부해보고 싶다