프론트엔드
유튜브 강좌로 프론트엔드 개발을 배우고 아이디어를 직접 개발해서 스타트업 창업을 목표로 합니다.
#Tanstack Query v5
Tanstack Query v5를 사용하여 Next.js 14 앱 구축
next.js 14 프로젝트 설치, tanstack 쿼리 구성, api에서 데이터 가져오기, useQuery에서 제공하는 상태 옵션, 데이터 필터링, tanstack 쿼리의 전역 로딩 상태, tanstack의 종속성 쿼리, 게시에 대한 변형 및 무효화 변형에 대해 알아봅니다. 업데이트 및 삭제 요청. 예제를 통해 단계별로 살펴보겠습니다.
00:15 주제 개요
02:15 next.js에 대해 자세히 알아보기 14
03:10 새 next.js 14 프로젝트 만들기
04:45 next.js 14 프로젝트에 TanStack Query v5 통합
07:20 tanstack 쿼리에 대한 공급자 만들기
10:10 레이아웃 파일에서 공급자 사용
12:10 api에서 데이터 쿼리 및 표시
21:20 병렬 쿼리
25:15 쿼리된 데이터에서 특정 prop 필터링
27:00 종속성 쿼리
28:45 반응 쿼리의 전역 가져오기 확인
29:40 tanstack 쿼리의 변형
31:50 포스트 API에 json-server 사용
35:05 반응 쿼리에서 변형을 사용하여 포스트 API 호출
42:05 useMutation 후크 상태
45:10 반응 쿼리에서 변형 무효화
47:25 Outro
채널을 구독하면 구독한 채널에 키워드를 등록할 수 있습니다.
..
Comments
키워드 내용에 대한 서로의 생각을 공유하고 댓글로 응원해주세요.
등록된 댓글이 없습니다.
