TIL

[TIL] 20211214 useInfiniteQuery/ react-query devtools/ wsl ubuntu

자바칩 프라푸치노 2021. 12. 14. 10:24

1. react-query

https://yrnana.dev/post/2021-08-21-react-query-redux

 

react-query가 redux같은 전역 상태관리 라이브러리를 대체할 수 있을까

`react-query`는 전역 상태관리 라이브러리가 아니라 서버와 클라이언트 간의 비동기 작업을 쉽게 해주는 라이브러리다.

yrnana.dev

https://www.zigae.com/react-query-key/

 

React Query Key 관리

queryKey는 React Query에서 중요한 개념이다. 내부적으로 데이터를 캐시하고 쿼리에 대한 종속성이 변경될 때 자동으로 다시 가져올 수 있게 한다.

www.zigae.com

 

 

 

 

2. react-query useInfiniteQuery

https://shindongri.dev/blog/react-query-10/

 

React Query:Infinite Queries

무한 스크롤을 구현하여 기본 데이터셋에 추가 데이터를 append 하는 형태의 UI 패턴은 매우 일반적이다. React Query는 이러한 유형의 목록을 쿼리하기 위해 useInfiniteQuery를 지원한다. useInfiniteQuery를

shindongri.dev

 

 

 

3. react-query devtools

https://react-query.tanstack.com/devtools

 

Devtools

Subscribe to our newsletter The latest TanStack news, articles, and resources, sent to your inbox.

react-query.tanstack.com

 

 

 

4. react-query 로 서버 상태 관리하기

https://blog.rhostem.com/posts/2021-02-01T00:00:00.000Z

 

blog.rhostem.com

프론트엔드 웹 개발 기술 블로그

blog.rhostem.com

 

 

 

 

 

5. Error: No QueryClient set, use QueryClientProvider to set one

2021.12.17 - [에러노트] - [에러노트] Error: No QueryClient set, use QueryClientProvider to set one

 

[에러노트] Error: No QueryClient set, use QueryClientProvider to set one

QueryClientProvider안에는 이렇게 하나의 컴포넌트만 들어가야한다. div로 감싸서 하나로 리턴하는게 아니라 이렇게!!

sso-feeling.tistory.com

 

 

 

6. ubuntu password reset

이제 윈도우 컴퓨터도 맥에서 쓰듯이 터미널을 설정하고 싶어서 

우분투 터미널을 설치했는데 비밀번호를 모르겠다.

초기화하는 법

https://see-ro-e.tistory.com/156

 

WSL Ubuntu 비밀번호 초기화

윈도우에서 우분투를 설치하고 너무 오랜만에 접속해서인가 WSL 우분투 비밀번호를 까먹었다... 다시설정하는 방법 1. 윈도우에서 CMD 접속 2. 우분투 접속시 root로 접속하도록 설정 변경 ubuntu.exe c

see-ro-e.tistory.com

https://see-ro-e.tistory.com/156

 

WSL Ubuntu 비밀번호 초기화

윈도우에서 우분투를 설치하고 너무 오랜만에 접속해서인가 WSL 우분투 비밀번호를 까먹었다... 다시설정하는 방법 1. 윈도우에서 CMD 접속 2. 우분투 접속시 root로 접속하도록 설정 변경 ubuntu.exe c

see-ro-e.tistory.com

 

728x90