# useFetch

sarang_daddy

리액트에서 외부 API 호출할 때 사용하던 useEffect 훅과 로직을 커스텀 훅인 useFetch로 만들어주면 어떤 장점이 있을까? 직접 만들어 보자.

bmpark

이와 같이 데이터를 불러와서 사용하는 경우, 페이지 전환으로 인해 페이지에 접근했을 때는 잘 호출이 되지만 페이지 reload시에는 호출이 되지않아 null로 반환을 해줌.api호출 전 nextTick()을 호출해준다.스택오버플로우

pikadev1771

Redux-ToolkituseAxios 훅 만들기캘린더 (React-calendar, moment)uuid?Redux-Persist (새로고침 해도 유지되는 상태 데이터)https://tooo1.tistory.com/572json-server 이용To Do 데

jungmiin

공식 문서(https://ko.reactjs.org/docs/hooks-reference.html클래스 컴포넌트와 생명주기 메서드를 이용하여 작업을 하던 기존 방식에서 벗어나 함수형 컴포넌트에서도 더 직관적인 함수를 이용하여 작업할 수 있게 만든 기능 (= c

bigwave-cho

모달 창 활성화 시 마우스 스크롤로 인해서 모달창 뒤의 UI의 움직임을 방지useLayoutEffect :리액트 내장 훅으로 렌더링 후 실행되는 useEffect와 달리 렌더링 되기 전에 동작하는 훅.useLayoutEffect 내에서 body의 스타일이 overflo

art11010

Custom Hook은 API 호출과 직접 연관이 있는 건 아니지만, API 호출을 효과적으로 하는 방법들을 이해하기 위해서는 선행으로 Custom Hook이 어떤건지 이해하고 있어야 한다. 여러 개의 컴포넌트에서 공통적으로 해야하는 작업이 있을 경우 사용한다. ex

sorin44

컴포넌트를 만들다 보면 반복되는 로직이 자주 발생된다. 따라서 custom hooks를 만들어서 반복되는 로직을 쉽게 재활용 할 수 있다.Custom Hooks는 "use"라는 단어로 시작한다. (ex: useFetch)기존에 사용했던 fetch는 아래처럼 모든 com

9rganizedchaos

리액트 컴포넌트를 처음 학습할 때, 컴포넌트란 "나만의 태그"라고 정의했던 기억이 난다. 좀 더 명확하게 컴포넌트란 props를 인풋으로 받아 DOM을 렌더하는, JSX를 리턴하는 단위(함수, 혹은 클래스)이다. 조금 오해의 소지는 있지만 단순하게는 (자바스크립트가 가