Yoonjin Ahn thisisthewa2

사용한 기술 스택:

기여

배운점

검색결과를 렌더링하는 문제: 페이지 이동 후 Next.js의 useSearchParams훅을 사용해 검색 파라미터를 읽어 검색 훅을 호출하도록 했습니다.
사전예약 등록 에러 처리: react-query의 useMutation을 사용하여 등록이 제대로 처리되지 않은 경우 사용자에게 토스트를 띄우도록 했습니다.
최근검색어 삭제를 즉시 반영해야하는 문제: invalidateQueries를 통해 캐시를 무효화하도록 해 사용자가 최근 검색어를 삭제할 때마다 즉시 UI에 반영되도록하였습니다.
검색 필터 팝업을 내부 상태관리에서 개별 페이지로 이전하는 문제: 내부 상태관리로 필터 팝업을 구현했었으나 추후 SEO최적화 문제를 고려하여 페이지를 별도의 페이지로 분리했습니다. 병렬 라우팅을 통해 정렬 버튼을 클릭하는 경우에만 필터페이지를 렌더링하도록했습니다.

사용한 기술 스택:

기여

배운점

불필요한 데이터로딩 발생: react-query의 staleTime과 gcTime 설정으로 데이터 신선도를 관리하는 법을 익혀 캐싱을 통해 성능을 최적화하였으며 enabled 옵션을 활용한 조건부 쿼리 실행으로 불필요한 데이터 로딩을 방지했습니다.
주문 > 결제페이지에서 주문 내역의 일관성을 유지해야하는 문제: 전역상태관리 라이브러리인 jotai를 사용해 상품 목록과 총 결제 금액을 전역 상태로 관리하여 데이터 일관성을 유지했습니다.

Provide feedback