# useMemo

53개의 포스트
post-thumbnail

[React] Props,State,Event,Hook 정리

[엘리스AI_Track_3기]211008 온라인 강의 복습 내용입니다. 리액트에서 props와 state를 적절한 event와 hook을 이용해서 다룰 수 있습니다.

2021년 10월 11일
·
2개의 댓글

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

useMemo && React.memo

자신의 상태가 변경될때부모로 부터 받은 props가 변경될때부모의 상태가 변경될때이런식으로 부모 컴포넌트가 자식 컴포넌트에게 연산이 큰 props와 변화가 잦은 props 두가지를 전달한다고 했을때 변화가 잦은 props가 변할때마다 자식 컴포넌트는 다시 렌더링이 된다

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

[React] Additional Hooks (1)

useReducer, useMemo 한입만! 👨‍🍳

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

useMemo를 사용한 연산한 값 재사용

성능 최적화를 위하여 연산된 값을 useMemo 라는 hook 을 사용하여 재사용하는 방법을 알아보도록 하자.App 컴포넌트에서 다음과 같이 countActiveUsers 라는 함수를 만들어서 active 값이 true 인 사용자의 수를 세어서 화면에 렌더링이 되도록

2021년 9월 26일
·
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

TIL.useMemo란?

useMemo는 useCallback과 비슷하다. memoized callback을 리턴하는 대신, memoized value를 리턴한다.useMemo는 2개의 arguments(함수, 의존성 배열)를 갖는다. 매 렌더시, 의존성배열의 값에 아무런 변화가 없다면 use

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

useMemo, useCallback

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

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

Lazy initial State, useMemo, useEffect

웹페이지 구성간에 발생한 inifinite rendering 해결 방안

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

간단한 연산에 useMemo 쓰지 말자

공식 설명에도 computeExpensiveValue라고 설명하고 있다. 즉 비싼 연산을 언급하는 것이다. a === b는 비싼 연산이 아니다!

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

[React]성능 최적화의 useMemo, useCallback

성능최적화를 위한 도구 참고한 포스팅의 글 첫머리에 지극히 공감을 하게 되었다. > 이제 useState와 useEffect에 완전히 익숙해졌다고 느꼈는데, 컴포넌트 내에서 저 두 개의 hook 만으로도 props나 state를 다루는 로직에 관련된 기본적인 기능을 모

2021년 7월 27일
·
0개의 댓글

useEffect, useCallback, useMemo 비교

기본적으로 세가지 hook은 dependency 관계에 있는 변수 값이 변화하는 것에 연동되어 실행되는데, 구체적인 차이가 무엇인지 비교해보기class component의 life cycle 함수(side effect)를 function component에도 동일하게

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

[React] useMemo 알아보기

useMemo >메모이제이션된 값을 반환합니다. 공식 문서에 따르면 useMemo는 위와 같은 한 문장으로 정리되어 있습니다.

2021년 7월 19일
·
0개의 댓글

리액트 입문(1장) 복습 및 정리

1. 리액트란? 리액트란 페이스북에서 만든 사용자 UI 구축을 위한 라이브러리입니다. 리액트는 처음엔 페이스북 핵심 기능인 뉴스피드 개발 목적으로 만들어졌고 나중에는 인스타그램에서도 리액트를 사용하게 되었습니다. 2013년도에는 페이스북 직원이 아니여도 쓸 수 있도

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

React Hooks, useMemo로 최적화하기

useMemo 는 useCallback과 유사한 방식으로 최적화에 사용된다.useCallback 은 메모이제이션 된 함수를 반환하는 반면에 useMemo 는 메모이제이션 된 값을 반환한다.다음의 예제를 보자.Counter One 버튼을 누르면 counterOne 변수가

2021년 7월 17일
·
0개의 댓글