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
- useReducer
- React #API 호출 #async #await #fetch
- 패키지
- Kotlin
- useCallback #최적화 #함수형 업데이트
- React #Context #props drilling #useMemo
- Node.js #
- useMemo #React.memo #최적화 #re-rendering
- React #React 사용하는 이유
- Common JS 모듈 시스템
Archives
- Today
- Total
목록useCallback #최적화 #함수형 업데이트 (1)
세현's 개발로그

◈ useCallback()이란? useCallback(() => {}, []); 첫 번째 인자 = 콜백함수 두 번째 인자 = 의존성배열(댑스) 댑스 배열 안에 있는 값이 변화하면 memoization 된 콜백함수가 반환된다. useMemo()와 deps가 변하면 memoization 된 것을 반환한다는 점에서 같지만, useMemo()는 함수의 값을 반환, 함수의 연산량이 많을 때 이전 결과값을 재사용하는 목적이고, useCallback()은 함수를 반환, 함수가 재생성 되는 것을 방지하기 위함이다. ◈ useCallback() 사용 - 1 일기리스트에 있는 목록 중 하나를 삭제하면 DiaryEditor 컴포넌트도 랜더링 된다. 근데, 일기리스트와 일기작성폼(DiaryEditor)는 연관이 없는데 불필..
React
2023. 5. 7. 17:19