# Custom Hooks

13개의 포스트

[개발일지] Context API, Custom Hooks in React

리액트의 상태관리 방법중 하나인 Context API, 그리고 이와 관련한 Custom Hooks의 사용법에 대해 공부해보았습니다.

2021년 11월 9일
·
0개의 댓글
post-thumbnail

React.js: Custom Hooks

React.js의 커스텀 Hooks에 대해 살펴보고자 합니다.

2021년 11월 5일
·
0개의 댓글
post-thumbnail

React | Hooks 02 ( useReducer / useMemo / useCallback / useRef / 커스텀 hooks)

useReducer useReducer 란? > useState보다 더 다양한 컴포넌트 상황에 따라 다양한 상태를 다른 값으로 업데이트 해주고 싶을 때 사용하는 Hooks > 리듀서 란? > 현재 상태, 액션 값(업데이트를 위해 필요한 정보를

2021년 10월 30일
·
0개의 댓글
post-thumbnail

[React] 11. Hooks (2)

1. hooks ⭐ hooks를 처음 본다면 hooks (1)을 참고하면 된다. 1.1 useMemo useMemo를 사용하면 함수형 컴포넌트 내부에서 발생하는 연산을 최적화할 수 있다. src/Average.js 파일을 생성하여 리스트에 숫자를 추가하면 추가된 숫자

2021년 9월 30일
·
0개의 댓글
post-thumbnail

COINSS: React Custom Hooks로 Scroll Event 구현하기

Scroll Event를 Custom Hook으로 빼보는 방법에 대해 공부해보도록 하겠습니다. 일반적인 Scroll Event 일반적으로 Scroll Event를 감지하기 위해서는 addEventListener('scroll')을 이용하면 됩니다. 앞에 스크롤 이벤

2021년 5월 8일
·
3개의 댓글

React- Hooks #2

나만의 훅을 만들어 보자.파일 하나를 생성하자. useWindowWidth.js파일을 만들자.useWindowWidth.jsExample5.jsx이렇게 하면 name 옆에 현재 가로값이 나올 것이다. 위에서 하고 싶었던 거는 가로값을 줄었다 늘렸다 하면 가로값이 화면에

2021년 3월 12일
·
0개의 댓글
post-thumbnail

#5 Today I Learned - 21.01.10

classnames ❗️ react : custom hooks 기본 사용법

2021년 1월 10일
·
0개의 댓글
post-thumbnail

React 컴포넌트 재사용 방법

수학과 컴퓨터 과학에서 고차 함수는 하나 이상의 함수를 인수로 가지거나 함수를 결과로 반환하는 함수이다. 다른 모든 함수들은 일차 함수이다. (위키백과)컴포넌트를 매개변수로 받아서 컴포넌트를 반환하는 컴포넌트

2020년 10월 6일
·
0개의 댓글

React Hooks #12 Class-Component를 고려한 커스텀 훅

기존 클래스형 컴포넌트에서 커스텀 훅을 사용할 수 있는 방법고차 컴포넌트(이하 HOC) or 랜더 속성값(render-props) 를 사용하여 클래스형 컴포넌트에서 커스텀 훅 사용참고 : 책 : 실전 리액트 프로그래밍/이재승 저

2020년 7월 13일
·
0개의 댓글

React Hooks #6 커스텀 훅 만들기

React에서 기본으로 제공하는 useState, useEffect 등의 훅을 사용해 새로운 훅을 만들어낸다.창의 너비를 알려주는 훅컴포넌트의 마운트 여부를 알려주는 훅(HOC보다 훨씬 간결하게 사용가능하며, 타입스크립트와의 호환도 좋다!)훅의 호출 순서는 동일해야 한

2020년 7월 13일
·
0개의 댓글
post-thumbnail

[React] Custom-hook 공식문서 번역

React 공식문서를 번역한 내용입니다. 번역에 오역이 있을 수 있으며 모든 내용을 번역한 것은 아닙니다. 커스텀 Hook 만들기 커스텀 hook을 만들면 컴포넌트 로직을 재사용 가능한 함수로 뽑아낼 수 있다. 이 코드는 팔로워의 online상태 여부를 알려준다. 여기에 온라인 상태인 팔로워는 초록 색으로 표시하고 싶을 때, 이 코드를 복붙해서 또다른 ...

2019년 12월 25일
·
0개의 댓글
post-thumbnail

Custom Hooks - usePending

만들게 된 계기.... - 저는 회사에서 Mobx를 사용해 개발을 하면서 항상 Store에서 isLoading 이라고 변수를 하나 만들어 데이터 get, post 등 비동기 함수를 사용 할 때 썼습니다... 하지만 항상 이렇게 쓸 때 마다 너무 비효율적인거 같고 어쩔때는 작동을 하지 않은적도 꽤 있었습니다. 그래서 계속 고민하고.. 검색해보고.. 하다가 딱...

2019년 11월 12일
·
4개의 댓글
post-thumbnail

React 강좌) trendy React 2-2. Custom Hooks 알아보기

React Hooks를 조금 더 유연하게 사용할 수 있는 방법인 Custom Hooks를 알아봅니다.

2019년 4월 18일
·
3개의 댓글