뷰티 필터를 개발하며 얻은 새로운 경험
뷰티 상품 탐색 경험 개선을 위해 웹 필터를 확장하고 React Query를 도입했습니다. URL 상태 저장과 서버 상태 동기화로 탐색 편의성과 데이터 최신성을 높였습니다.
#React#React Query
000
국내 IT 기업 기술 블로그 최신 글
새로운 기술 블로그가 추가되었어요
필터 1
뷰티 필터를 개발하며 얻은 새로운 경험
뷰티 필터 프로젝트에서 React Query로 서버 상태 관리를 전환하고 필터 경험을 웹으로 확장했습니다. 고객 탐색 경험 개선과 API 호출 감소, 팀 문화 강화까지 이어졌습니다.
#React Query#redux
3400
ChatGPT는 FE개발자를 대체할 수 있을까? (AI로 개발하기)
ChatGPT로 웹툰 서비스의 UI, 상태 관리, API 연동을 구현하며 활용 범위를 실험했습니다. 생성 코드의 오류와 최신 정보 한계를 검증으로 보완해야 함을 확인했습니다.
#ChatGPT#Next.js
000
찜으로 찜해보는 react-query
Redux 기반 서버 상태 처리의 반복 작업과 컨테이너 간 종속성을 React Query로 개선했습니다. 찜 페이지 사례로 useQuery 캐싱과 useMutation 기반 CRUD 흐름을 설명합니다.
#React#React Query
3300
React Query와 함께 Concurrent UI Pattern을 도입하는 방법
React Query의 Suspense 옵션과 Error Boundary로 로딩·오류 UI를 선언적으로 분리했습니다.\n경계 구성으로 복잡한 비동기 화면의 유지보수와 UX 설계를 개선하는 방식을 소개합니다.
#React#React Query
2600
카카오페이 프론트엔드 개발자들이 React Query를 선택한 이유
Redux 기반 서버 상태 관리의 보일러플레이트와 직접 구현 부담을 분석했습니다.\nReact Query의 Query·Mutation·캐싱 기능으로 비동기 처리와 사용자 경험을 개선했습니다.
#React#React Query
3200
React에서 서버 데이터를 최신으로 관리하기(React Query, SWR)
SWR과 React Query로 서버 상태를 Redux의 전역 상태와 분리하는 방식을 설명했습니다. 조건부 요청, 캐시 갱신, 재검증 옵션과 두 라이브러리의 사용 차이를 비교했습니다.
#React#SWR
000
쿠팡 파트너스
개발자를 위한 서적을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발서적#프로그래밍
React에서 서버 데이터를 최신으로 관리하기(React Query, SWR)
React에서 서버 데이터를 최신으로 관리하기(React Query, SWR)
SWR과 React Query로 서버 상태를 선언적으로 관리하는 방식을 비교했습니다. 조건부 요청, 캐시 갱신, 재검증 옵션의 차이를 정리했습니다.
#React#SWR
3900
React Query와 함께하는 API 에러 처리 설계하기
React Query의 onError와 useApiError Hook으로 API 에러 처리 흐름을 중앙화했습니다. HTTP 상태·서비스 코드별 우선순위로 전역 규칙과 컴포넌트 예외를 함께 관리합니다.
#React#React Query
000