# useCallback

92개의 포스트
post-thumbnail

220515 TIL

TIL DAY 183 오늘 배운 일 ✔️ React Hooks > 유튜브 별코딩님의 강의를 보고 작성한 나의 일지 useMemo 컴포넌트 성능을 최적화하는 hook useMemo -> Memo = Memoization (메모이제이션) 동일한 값을 리턴하는

3일 전
·
0개의 댓글

useCallback Hook

이전에 만든 함수를 재사용할 때 사용한다. useMemo와 유사하나 useCallback은 함수를 위한 hook App.js inputs는 useState로 관리되는 상태 의존성 배열 [inputs]를 넣는다. (useCallback 내부에서 참조할 때 최신 상태

2022년 5월 7일
·
0개의 댓글

[TIL] (2022.05.06)

사실 컴포넌트가 랜더링될 때마다 함수를 새로 선언하는 것은 자바스크립트가 브라우저에서 얼마나 빨리 실행되는지를 생각해보면 성능 상 큰 문제가 되지 않는다고 한다.따라서 단순히 컴포넌트 내에서 함수를 반복해서 생성하지 않기 위해서 useCallback()을 사용하는 것은

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

React Hook

React Hook에 대해 정리했다.

2022년 5월 1일
·
0개의 댓글

Memoization

https://ko.wikipedia.org/wiki/%EB%A9%94%EB%AA%A8%EC%9D%B4%EC%A0%9C%EC%9D%B4%EC%85%98메모이제이션 memoization기억되어야 할 것이라는 뜻의 라틴어에서 파생된 단어로, 컴퓨터 프로그램이 동일

2022년 5월 1일
·
0개의 댓글
post-thumbnail

React 최적화 Hook(React.memo, useCallback, useMemo)

React 최적화 관련 Hooks, React.memo, useCallback, useMemo에 대한 정리 및 고찰

2022년 4월 30일
·
0개의 댓글

React_07 ) useMemo와 useCallback

useMemo와 useCallback

2022년 4월 27일
·
0개의 댓글
post-thumbnail

32일차) 코드캠프에서는 실무 작성 코드 위주가 1순위랍니다 / memoization/메모이제이션/usememo/useCallback/reflow/repaint

실무 작성 코드 위주로 배우자, 자꾸 새로 만들지 말고 , 메모해 놓는거 어때 ? \-컴포넌트를 만들어놓고 봐보자 State는 변경되면서 컴포넌트가 바뀌면서 페이지가 리렌더링이 된다문제는 countLet이 State누를때마다 같이 초기화 됨(화면에도 안나타나고)\-특정

2022년 4월 27일
·
0개의 댓글

useCallback과 useMemo 사용하기

랜더링의 최적화를 위해서 사용되는 useCallback은 이미 랜더링되었던 동일한 함수라면, 다시 함수가 선언되지 않는다.

2022년 4월 26일
·
0개의 댓글

useCallback vs useMemo(feat. React.memo)

프로젝트를 보다가 useCallback, useMemo, React.memo를 봤는데 정확한 개념을 이해하지 못해서 찾아보기로 했는데 먼저 메모이제이션(memoization)에 대해 알아야 한다memoization이란 기존에 수행한 연산의 결과 값을 어딘가에 저장해두고

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

[TIL #31] null을 return하는 useRef

토이 프로젝트를 진행하면서 Modal을 구현하고 있는데, Modal의 상단 부분의 높이를 Modal의 하단 부분에 전달하고 싶어서 간단하게 구현해보았다.우선 상단 높이를 저장할 clientHeight state를 생성하고, 상단 부분의 DOM 높이를 측정하기 위해서 u

2022년 4월 1일
·
0개의 댓글

자식 컴포넌트에 props를 내려 줄 때에는 useCallback + useMemo를 사용하자

https://ko.reactjs.org/docs/hooks-reference.htmlhttps://ui.toast.com/weekly-pick/ko_20190731

2022년 3월 24일
·
0개의 댓글

👨🏻‍💻 Memoizing Series (useCallback,useMemo,React.memo)

평소에 공부는 해놨지만 큰 프로젝트를 하지않아 렌더링 최적화에 크게 신경쓰지 않았다. 지금 하는 블로그 프로젝트도 다른 대형 프로젝트에 비하면 크게 렌더링에 악영향을 주진 않지만 state가 복잡해지고 Component수도 많아진만큼 최적화를 해주는 것은 앞으로의 좋은

2022년 3월 23일
·
0개의 댓글
post-thumbnail

React Hook - useMemo, React.memo, useCallback

- 연산 최적화 할 때 사용 Memoization : 이미 계산 해 본 연산 결과를 기억 해 두었다가 동일한 계산을 시키면, 다시 연산하지 않고 기억(캐싱) 해 두었던 데이터를 반환 시키게 하는 방법 useMemo 일반 함수로 작업시 첫 로드시 2번 실행됨 Ap

2022년 3월 23일
·
0개의 댓글
post-thumbnail

React.memo, useMemo, useCallback 역할 및 차이점

React는 컴포넌트를 렌더링 한 뒤, 이전 렌더된 결과와 비교하여 Dom 업데이트를 결정한다. 이 때 재렌더가 필요없는 컴포넌트의 렌더를 방지하여 이 업데이트 속도를 높일 수 있는 방법들이 있는데 정확한 역할과 차이점을 구분하기 위해 정리해 보고자 한다.썸네일Reac

2022년 3월 22일
·
0개의 댓글
post-thumbnail

[React] Hooks - useCallback

useCallback Hook는 지난 포스트에서 다룬 useMemo처럼 최적화를 담당하고 있습니다. 차이점은 useMemo는 컴포넌트 내부 연산을 주로 최적화 하고, useCallback은 렌더링 자체의 성능 최적화에 주로 사용됩니다. 그래서 주로 렌더링이 자주 되는

2022년 3월 9일
·
0개의 댓글

useMemo, useCallback

리액트엔 참 많은 훅들이 많다. 제목과 같이 useMemo와 useCallback은 없어도 동작은 되지만, 소스 최적화를 위해서 필요한 기능들이다. 사전 지식: 함수형 컴포넌트는 그냥 함수다. 함수형 컴포넌트는 단지 jsx를 반환하는 함수다. 함수가 실행될 때마다

2022년 3월 7일
·
0개의 댓글

22.03.01 복습

React 함수형에서 쓰는 Ref원하는 곳에 접근하여 사용할 수 있다.state나 props가 변경될 때마다 다시 불러온다.하지만 두번째 인자에 \[]을 넣어주면 처음에만 불러온다.\[]에 원하는 데이터가 바뀔 때만 변경을 원하면 두 번째 인자에 count 이런 식으로

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