| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | |||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |
| 31 |
- 모닝스터디
- 라우팅
- 티스토리챌린지
- react19
- 리액트
- 상태관리
- 기술블로그
- typescript
- 취뽀
- 취준생
- 프엔
- 요노피플
- 모던 자바스크립트 Deep Dive
- 프론트엔드
- 개발 지식
- 타입스크립트
- 실행컨텍스트
- react
- CS지식
- 업데이트
- 디자인패턴
- React Query
- ci/cd
- 개발자
- 개발지식
- 자바스크립트
- 프론트엔드면접
- 개발과정
- 오블완
- jest
- Today
- Total
목록React Query (2)
eokeuroding 님의 블로그
git-hub : DynamicDataHandling/infinite-scroll-1 at main · dasom-jo/DynamicDataHandling 1. 왜 무한 스크롤 인가사용자가 한 번에 모든 데이터를 받아보는 방식은 비효율적입니다. 그래서 등장한것이 무한 스크롤 입니다.스크롤을 내릴때마다 자연스럽게 콘텐츠를 이어서 보여주는 UX는 인스타그램, 페이스북 같은 서비스에서 이용됩니다.이번 글에서 는 React + React Query + intersection Observer 조합으로 무한스크롤을 구현해보겠습니다. 데이터는 The Movie Database(TMDB)의 top_rated API를 사용했습니다. 2. 사용한 스택React (CRA)@tanstack/react-query: useIn..
React Query 는 클라이언트 애플리케이션에서 서버 상태를 효율적으로 관리 하기 위한 라이브러리입니다.전통적인 상태관리 도구들과 달리 API요청, 로딩상태, 에러처리, 캐싱, 리패칭 등 서버와 관련된 작업을 자동으로 처리 해줍니다.현재는 TanStack Query라는 이름으로 확장되었으며, React 뿐만 아니라 Vue, Svelte 등 다양한 프레임 워크에서도 사용 가능합니다.오늘은 이 React Query 에 대해 공부해보겠습니다.01.React Query 를 사용하는 이유React Query 는 클라이언트 상태를 다루는 useState, redux, recoil등과는 다르게 서버에서 가져오는 데이터를 효율적으로 처리합니다.-서버 상태 처리클라이언트가 직접 수정하지 않음공유되는 데이터임로딩,실패..