woo.oing

아래 강의를 수강하며 배운 내용을 정리한 글입니다[한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편 - 이정환] https://inf.run/SbJ8w 캐시 정규화 적용 예제1. 현재 동일한 데이터가 두 번 중복으로 저장되어 있는 상태 ["todo","list"] 쿼리[ { id: "1", content: "Todo 1", isDone: true }, { id: "2", content: "Todo 2", isDone: true }, { id: "3", content: "Todo 3", isDone: false },]; ["todo","detail","1"] 쿼리{ id: "1", content: "Todo 1", isDone: true } 2. 정규화 적용 후["todo","list"] 쿼리..

아래 강의를 수강하며 배운 내용을 정리한 글입니다[한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편 - 이정환] https://inf.run/SbJ8w ← 이전 글 보기 [React] Tanstack Query 사용해 보기아래 강의를 수강하며 배운 내용을 정리한 글입니다[한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편 - 이정환] https://inf.run/SbJ8w 가장 대표적인 서버 상태 관리 라이브러리인 tanstack query를 사용해보woooing.tistory.com 데이터 조회(get)를 관리하는 useQuery 외에도 데이터 수정(post..) 시에는 useMutation 을 사용합니다 const { mutate, isPending } = useMutation({ mut..

아래 강의를 수강하며 배운 내용을 정리한 글입니다[한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편 - 이정환] https://inf.run/SbJ8w 가장 대표적인 서버 상태 관리 라이브러리인 Tanstack Query를 사용하여 프론트엔드에서 API 조회를 디테일하게 제어할 수 있습니다기존에 react query라는 이름으로 알고 있었는데 리액트 뿐만 아니라 다른 프레임워크도 지원하게 되면서 tanstack query라는 이름으로 변경되었습니다 https://tanstack.com/query/latest TanStack QueryPowerful asynchronous state management, server-state utilities and data fetching. Fetch, cache,..