react38 [리액트][재활용 프로젝트] 댓글 crud 구현 목차 완성된 모습 crud를 위한 로직 코딩 (usequery이용)시험기간이라 급하게 하다보니 조잡하다.. const { data } = useQuery({ //read 구현 queryKey: [`comments/${boardId}`], //쿼리키 queryFn: ({ signal }) => getData(`boards/${boardId}/comments`, signal), }); const { mutate } = useMutation({ //create 구현 mutationFn: postComment, onSuccess: () => { queryClient.invalidateQueries({ //데이터가 즉각 stale 상태(데이터가 만료된 상태)가 되어.. 2024. 6. 7. [React] React-Query 라이브러리가 무엇인지 알아보자 목차 오늘은 프로젝트를 하면서 리액트 쿼리에 대해 접하게 되었다. 말하는 감자인 나는 당연히 모르기 때문에 이번 기회에정리해보고자 한다.. 리액트 쿼리의 필요성 캐시동일한 데이터에 반복해서 접근해야 하거나 많은 연산이 필요한 일일때, 결과를 빠르게 이용하고자 성능이 좋은 혹은 가까운 곳에 저장하는 것즉 캐시는 컴퓨터의 성능을 향상 시키기 위해 사용되는 메모리를 말한다.캐싱이 캐시 영역으로 데이터를 가져와서 접근하는 방식을 말한다.예를 들어, 속도가 느린 디스크의 데이터를 속도가 빠른 메모리로 가져와 메모리상에서 읽고 쓰는 작업을 수행한다.브라우저 캐시브라우저는 이미지, 비디오 뿐만 아니라 CSS 와 Javascript 등 정적 리소스를 로컬에 저장하여 성능을 향상시킨다.장점: 브라우저 캐싱을 통해 정적 .. 2024. 5. 9. 이전 1 ··· 7 8 9 10 다음 728x90
