# useCallback

57개의 포스트
post-thumbnail

React Hooks 사용하기(3)_useCallback, useRef

useCallback useCallbackdms useMemo와 상당히 비슷하다. (이전 포스팅 참고) 주로 렌더링 성능을 최적화해야 하는 상황에서 사용하다. useCallback을 통해 이벤트 핸들러 함수를 필요할 때만 생성할 수 있다. Average 컴포넌트 내부

어제
·
0개의 댓글
post-thumbnail

React - 동작방식

리액트의 동작방식으로부터 성능최적화를 하는 방법까지.

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

React.js: useCallback();

useMemo와 비슷한 useCallback

2021년 11월 4일
·
0개의 댓글

Memoization in JavaScript

Memoization in JavaScript: A Guidereact로 작업을 하다보면 useMemo와 useCallback을 어디에 어떻게 사용해야 할지 항상 난감했었다.useMemo와 useCallback을 잘 비교해 놓은 블로그가 있어 간단히 번역하면서 정리해보

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

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

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

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

React.memo, useMemo, useCallback 사용하기

렌더링 최적화 수단으로 많이 사용되는 3가지가 있다.3가지에 대해서 알아보자.React는 이전에 rendering된 결과와 비교해서 DOM Update를 결정한다. 만약 이전과 다르면 DOM을 업데이트할 것이다.이전 렌더링 결과와 현재 렌더링 결과를 비교하는 과정은 빠

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

React Hooks:: useCallback()과 useMemo(), React.memo

특정 결과값을 재사용할 때 사용하는 useMemo, 특정 함수를 새로 만들지 않고 재사용하고 싶을 땐 useCallback, 컴포넌트 리렌더링 방지는 React.memo

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

React 렌더링 최적화 (2)

앞선 글에서 React 렌더링 최적화 방법인 Windowing, shouldComponentUpdate(), React.PureComponent, Lazy Loading에 대해 정리했다. 이어서 React 렌더링 최적화에 대해 공부하며 정리한다. useMemo()

2021년 10월 28일
·
0개의 댓글

useMemo & useCallback

Things to know before learing UseMemo and UseCallback 컴포넌트가 렌더링 된다는 것은 누군가가 그 함수(컴포넌트)를 호출하여서 실행되는 것을 말한다. 함수가 실행될 때마다 내부에 선언되어있던 표현식(변수, 또다른 함수)도 매번 다시 선언되어 사용된다. 컴포넌트 자신의 state가 변경되거나, 부모에게서 받는 pr...

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

[React] 렌더링 최적화를 통한 useState와 useReducer 이해

React 렌더링 최적화를 통해서 useState를 어떻게 사용하는 것이 좋은지와, useReducer의 존재 이유를 알아보자.

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

useCallback

useCallback은 콜백 함수를 기억해야 할때 쓰입니다.위에 코드를 간단하게 보면 App컴포넌트는 ChildComponent와 DummyComponent를 자식 컴포넌트로 가지고 있고 ChildComponent에게는 콜백함수 와 state를 전달해주고 DummyCo

2021년 10월 8일
·
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

useCallback 을 사용한 함수 재사용

은 지난 글에서 다뤘던 와 비슷한 hook 이다. 는 특정 결과값을 재사용 할 때 사용하는 반면, 은 특정 함수를 새로 만들지 않고 재사용하고 싶을 때 사용한다. 이전에 App.js에서 구현했었던 , , , , 함수를 확인해보자. 이 함수들은 컴포넌트가

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

フックマスターになりたい (3): useMemo & useCallback!

본래 useMemo와 useCallback은 렌더링 성능을 최적화하기 위한 훅들이다. 특히 복잡한 계산이나 로직이 수반되는 값, 또는 함수가 아니라면 굳이 사용할 필요가 없다. 그러나 조금 다른 방식으로 useMemo와 useCallback에 접근해볼 수 있지 않을까?

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

When NOT to use useMemo & useCallback

useMemo는 만능이 아니다냥

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

(React) useMemo와 useCallback

성능 최적화와 관련된 리엑트 함수

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

Hook의 useMemo와 useCallback

Hook을 사용하여 개발을 한지 어느정도 지나고, 사용하는 것이 손에 익었을 때 알게 모르게 잊고 있었던 useMemo와 useCallback이 생각났다. 솔직히 useState와 useEffect만으로도 충분히 만들 수 있다고 생각해서 계속해서 미뤘던 것 같다. 하지

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

useMemo, useCallback

useMemo 적용 전,onChange함수에서 number state가 변하면서 getAverage함수도 계속 렌더링 된다. (불필요하게 렌더링되고 있음. 평균값 나올때만 실행하면되는데!)useMemo 적용 후,등록버튼을 누를때만 호출된다.첫번째 파라미터 : 생성하고픈

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

프론트엔드 심화 3주차

포스트 목록 가져오기 🎈데이터가 어떻게 변할 지 먼저 고민하고 만들기 시작하는 습관! 예) 추가를 하면, → post_list 배열에 포스트 게시글 딕셔너리가 하나 추가 수정을 하면, → post_list 안의 post 딕셔너리의 id로 게시글을 찾고,

2021년 8월 15일
·
0개의 댓글