해바라기찬

#1 useQuery isLoading VS isFetching useQuery의 isLoading과 isFetching 이 둘이 순간 헷갈렸던 적이 있는데요. isLoading과 isFetching을 가장 간단하게 설명하면 isLoading은 처음 로드할 때, 아직 데이터가 없을 때 isFetching은 데이터를 다시 가져와야 할 때라고 말할 수 있을 것 같습니다. 캐시가 없을 때 (첫 번째 쿼리를 가져올 때) isLoading이 true에서 false로 전환되면서 작동 이미 캐시데이터가 있어 다시 가져오는 경우 (다른 구성 요소에서 쿼리를 사용하는 경우) isFetching이 true에서 false로 전환 useQuery는 이전에 캐시된 데이터를 반환하고 서버에서 다시 데이터를 가져와야 합니다. 이러..

오직 V(View)만 신경 쓰는 라이브러리입니다. 컴포넌트는 데이터를 업데이트했을 때 단순히 업데이트한 값을 수정하는 것이 아니라, 새로운 데이터를 가지고 render 함수를 또 다시 호출합니다 jsx란 document.createelement를 했다면 편하게 html마크업으로 작성해도 알아서 createele로 변환이 된다. 리액트 컴포넌트에서 요소 여러 개를 왜 하나의 요소로 꼭 감싸 주어야 할까요? 그것은 Virtual DOM에서 컴포넌트 변화를 감지해 낼 때 효율적으로 비교할 수 있도록 컴포넌트 내부는 하나의 DOM 트리 구조로 이루어져야 한다는 규칙이 있기 때문입니다 즉 div, button, input, form, span 등의 DOM 요소에는 이벤트를 설정할 수 있지만, 우리가 직접 만든 컴..

useQuery의 리턴값들 data, isError, isFetching, isLaoding등등 useQuery의 옵션 3가지 useQuery( 쿼리 키 (스트링이나 리스트 형식), () => fetch한 데이터(return 형식) , { enabled옵션 }) enabled옵션 enabled : true // false true 면 쿼리클라이언트에 등록 false면 등록 안됨

Fetch API를 이용하면 Request나 Response와 같은 HTTP의 파이프라인을 구성하는 요소를 조작하는것이 가능합니다. 또한 fetch() (en-US) 메서드를 이용하는 것으로 비동기 네트워크 통신을 알기쉽게 기술할 수 있습니다. 이전에 이러한 기능을 XMLHttpRequest에서 제공하고 있었습니다. Fetch는 이러한 API의 대체제로 Service Workers (en-US)같은 기술로 간단히 이용하는것이 가능합니다. 또한 CORS나 HTTP확장같은 HTTP에 관련한 개념을 모아 정의하고 있습니다. Fetch의 기본 스펙은jQuery.ajax()와 기본적으로 두가지가 다르다는 사실에 유념해야합니다. fetch()로 부터 반환되는 Promise 객체는 HTTP error 상태를 reje..