Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 |
Tags
- React #리액트 이벤트 주기 #리액트 이벤트
- raect typescript #react #typescript #styled-component
- 백준 #적록색약
- React #effect hook #useEffect
- donwstream #upstream #origin
- React #Hook rules #Hook 규칙
- React #controlled component #비제어 컴포넌트 #제어 컴포넌트
- 다익스트라 #파티 #백준
- react #useCallback #react Hook
- interceptors
- DP #c++
- rate limit
- html entities
- react fragment
- axios
- 노마드 코더 #타입스크립트 #typescript #class
- 버블링 #갭쳐링 #이벤트 #JS
- npm #not being able to find a file #npm install Error
- React-Query
- 코드스테이츠 #알고리즘 #그리디
- 얕은 복사 #깊은 복사 #shallow copy #deep copy
- #useRef #언제 쓰는데?
- 이친수
- JWT #토큰 #refreshToken #accessToken #Token #token #localStorage #sessionStorage
- react
- 빡킹독
- RateLimit
- useState #Hooks
- 백준 #직각삼각형
- 플로이드 #c++
Archives
- Today
- Total
목록react #useCallback #react Hook (1)
꿈꾸는 개발자
React useCallback 사용법
의의 useCallback의 경우 함수를 메모제이션을 하기 위해 사용되는 hook으로 알려져 있다.공식문서에 따르면 re-render를 할 때 함수를 cache한다고 나와있다. 결국 위 두 말을 합쳐보면, 함수를 기억해 re-render 과정을 통해 동일한 함수를 사용하도록 최적화하는 기법이라고 보면 된다. const cachedFn = useCallback(fn, dependencies) 코드 구조는 위와 같다. parameter를 살펴보면 fn: cache 즉 기억/저장하고 싶은 함수를 의미한다. 공식문서에 따르면첫 render 때 fn은 호출되는 것이 아닌 반환이 되는 것이다. 그 다음 렌더링부터 만약 dependencies의 값이 변경되지 않는다면, react는 계속 같은 함수를 반환해줄 것이다...
React.js
2023. 5. 5. 21:48