목록 보기
뷰티 필터를 개발하며 얻은 새로운 경험
프론트엔드

뷰티 필터를 개발하며 얻은 새로운 경험

마켓컬리
마켓컬리
2023년 4월 12일

두줄요약

뷰티 필터 프로젝트에서 React Query로 서버 상태 관리를 전환하고 필터 경험을 웹으로 확장했습니다. 고객 탐색 경험 개선과 API 호출 감소, 팀 문화 강화까지 이어졌습니다.

핵심 내용

  • 뷰티 필터 프로젝트를 통해 PC와 모바일 웹까지 필터 경험을 확장
  • 서버 상태 관리를 redux에서 React Query로 전환해 데이터 동기화와 캐싱 방식 개선
  • 필터 결과를 URL에 저장하고, 팀 토론 문화로 기술 도입과 개선을 함께 진행
  • 고객 탐색 위치 개선, 불필요한 API 호출 감소, 함께 성장하는 개발 문화 형성

적용해볼 점

  • 서버 상태와 UI 상태를 분리해 관리하는 방향 검토
  • 필터 결과와 같은 사용자 맥락 정보를 URL에 반영하는 방식 활용
  • 기술 도입 시 팀 합의와 사전 공유 절차를 두는 운영 방식 참고

다음 읽기

비슷한 주제의 프론트엔드 글

React-query 를 사용해 상태관리를 해보자

React Query를 상태관리 관점에서 소개하며 데이터 패칭과 캐싱, 동기화 장점을 정리했습니다. 또한 useQuery와 useMutation, staleTime과 cacheTime 활용 방법을 예시로 설명했습니다.

무스마
무스마
프론트엔드

댓글 0

댓글을 작성하려면 로그인이 필요합니다.

댓글을 불러오는 중...