📍참고 https://testing-library.com/docs/queries/about About Queries | Testing Library Overview testing-library.com 📍Queries ✅testing-library 에서 제공하는 API - Element를 찾을 수 있게 도와주는 역할 - DOM API의 querySelector 와 비슷하다 - 예시 // 을 모두 찾을 때 const inputs = screen.getAllByRole("textbox"); // 을 1개 찾을 때 const button = screen.getByRole("button"); ✅Query Type ✅Query Priority - getByRole : aria-role 기반으로 탐색 - getByL..

📍특정 유저의 앨범리스트를 query const { data, error, isLoading } = useFetchAlbumsQuery(user); - data : server에서 반환되는 데이터 - error : 에러 - isLoading (불린) : (최초에 1번만) 현재 로딩중이면 true, loading 완료되면 false - isFetching (불린) : 현재 로딩중이면 true, loading 완료되면 false - refetch : 쿼리 재실행 함수 📍특정 유저의 앨범리스트 추가 (mutation) - query가 컴포넌트가 렌더링되면 즉시 동작하는 것에 비해 mutation은 데이터를 바꿀 때 사용하는 함수를 제공 const [addAlbum, results] = useAddAlbumMu..