# useMemo

19개의 포스트
post-thumbnail

#4 Today I Learned - 21.01.08

react : 기초 복습 ❗️ react : useCallback, useMemo

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

useMemo, useCallback

useState, useEffect, useRef만 알지말고 useMemo, useCallback도 알아보자.const memoizedValue = useMemo(() => expensiveWork(num), \[num]) 이런식으로 useMemo는 두번째 인자에오는

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

[React] 컴포넌트 성능 최적화를 위한 useMemo

안녕하세요! 이번시간에는 리액트 훅중 하나인 useMemo에 사용법에 대해 알아보도록 하겠습니다!불필요한 재랜더링을 없애줌으로써 컴포넌트 안에서 발생하는 성능을 최적화여 웹의 퍼포먼스를 올려 줄 수 있게 도와주는 리액트 훅입니다.저는 인풋에 숫자를 입력하고 버튼을 누르

2020년 12월 27일
·
0개의 댓글
post-thumbnail

React - 스타일링 성능 최적화 하기

취업 후 4달만에 쓰는 블로그라니.. 😱 그 동안 바쁘다는 핑계로 너무 소홀했던 것 같다. 매일매일은 아니더라도 꾸준히 글을 써야겠다는 다짐(작심삼일)을 하면서 오랜만에 글을 써본다. 성능 최적화에 대해 설명하기에 앞서 React에서 렌더링이 일어나는 이유에 대해 알아야 한다. React에서 렌더링을 실행하는 과정 React에서 렌더링을 수행하는...

2020년 12월 17일
·
0개의 댓글
post-thumbnail

[React] 9. react-hooks(useMemo, useCallback, useContext)

이어서 hooks API를 보도록 하겠습니다.useMemo는 하나의 상태값을 변경하였을 때 해당 컴포넌트가 다시 랜더링이 될때 불필요한 작업들을 하는경우가 발생합니다.전에 했던 Hooks를 사용한 예제를 통해 설명드리겠습니다.Hedaer.jsxcount 함수에 log

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

[JavaScript] React - useMemo를 사용한 연산값 재사용하기

React useMemo > useMemo는 특정값이 바뀌었을때만 특정 함수를 실행해서 연산하고 바뀌지 않았다면 리렌더링할때 이전의 만들었던 값을 재사용할 수 있게 해준다. > 아래 예제를 통해서 useMemo를 사용해봅시다. 이전 블로그에서 사용했던 App.j

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

React - velopert html 정리(2)

(본 글은 Velopert님의 https://react.vlpt.us/ 를 정리한 내용입니다.): class형 컴포넌트에서 componentDidMount, componentDidUpdate와 같은    lifeCycle을 hooks에서는 useEffect로

2020년 10월 2일
·
0개의 댓글

React - useMemo, useCallback

함수형 컴포넌트는 그냥 함수입니다. 함수형 컴포넌트는 단지 jsx를 반환하는 함수입니다.컴포넌트가 렌더링 된다는 것은 누군가가 그 함수(컴포넌트)를 호출해서 사용하는 것을 말합니다. 함수가 실행될 때마다 내부에 선언되어 있던 표현식(변수, 또다른 함수)도 매번 다시

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

[React]Hooks - useReducer, useMemo

[React]Hooks - useReducer, useMemo

2020년 7월 29일
·
0개의 댓글

React Hooks #8 useMemo(), useCallback()

메모이제이션(memoizaition) \- 컴퓨터 프로그램이 같은 계산을 반복할 때, 이전 계산값을 메모리에 저장하여 반복수행 제거, 실행속도를 빠르게 하는 기술 \- React.memo()사용. (ToastUI - React.memo() 현명하게 사용하기)

2020년 7월 13일
·
0개의 댓글
post-thumbnail

React hook 2

useReducer 리듀서는 현재 상태, 그리고 업데이트를 위해 필요한 정보를 담은 액션값을 전달받아 새로운 상태를 반환하는 함수이며 새로운 상태를 만들 때는 반드시 불변성을 지켜주어야 한다. useCallback 함수를 기억해서 다시 렌더링될 때 해당 함수가 생성되

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

(TIL 16일차) React (5)

React useMemo useCallBack

2020년 2월 13일
·
0개의 댓글

useMemo Hook

useMemo hook? 이전에 사용된 값을 재사용하는 방식 주로 Component성능을 최적화할 때 사용 예를 들면 input에 값을 입력할 때, onChange이벤트를 발생시키면 input내부의 상태가 바뀌는데, 이때 리렌더링이 발생. 문제는 다른 바뀔 필요가 없는 것도 같이 바뀌어버림 이때, useMemo를 사용하게 되면 값이 바뀌지 않으면 리렌더...

2020년 2월 3일
·
0개의 댓글
post-thumbnail

React 강좌) trendy React 2-4. useMemo 알아보기

퍼포먼스 최적화와 가독성에 도움을 주는 useMemo를 알아봅니다.

2019년 4월 18일
·
5개의 댓글
post-thumbnail

React 강좌) trendy React 2-2. Custom Hooks 알아보기

React Hooks를 조금 더 유연하게 사용할 수 있는 방법인 Custom Hooks를 알아봅니다.

2019년 4월 18일
·
1개의 댓글
post-thumbnail

React 강좌) trendy React 2-1. React Hooks 기본-하

useState 함수와 useEffect 함수를 조금 더 유연하게 사용하는 방법을 알아봅니다.

2019년 4월 18일
·
1개의 댓글
post-thumbnail

React 강좌) trendy React 2-0. React Hooks 기본-상

상태State 개념과 React Hooks를 소개하고, useState와 useEffect를 작성하는 방법을 알아봅니다.

2019년 4월 18일
·
2개의 댓글