# useFetch

8개의 포스트
post-thumbnail

React - useFetch

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

2023년 9월 15일
·
0개의 댓글
·
post-thumbnail

[Nuxt3] Reload시 useFetch 실행 안되는 오류

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

2023년 7월 2일
·
0개의 댓글
·
post-thumbnail

[To Do App] json-server 이용한 CRUD 구현

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

2022년 12월 14일
·
0개의 댓글
·

[React] 커스텀 훅 사용하기 (useFetch, useInput)

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

2022년 11월 2일
·
0개의 댓글
·

[CustomHook]fetch, lockScroll, outsideClick

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

2022년 10월 2일
·
0개의 댓글
·

React Custom Hook

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

2022년 7월 16일
·
0개의 댓글
·
post-thumbnail

React Custom Hooks: useFetch()

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

2022년 6월 12일
·
0개의 댓글
·
post-thumbnail

フックマスターになりたい (1): 커스텀 훅!

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

2021년 9월 24일
·
0개의 댓글
·