# memoization
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기억되어야 할 것이라는 뜻의 라틴어에서 파생된 단어로, 컴퓨터 프로그램이 동일
[React]메모이제이션(Memoization)
setState 함수를 사용하게 되면, 화면 전체가 다시 렌더가 되면서 state 와 여러개의 함수들을 다시 그려내게 됩니다. 그런데, 단순하게 이메일 주소를 받아오는 과정이라고 했을 때 Input 태그에 onChange 이벤트로 setState 함수를 실행하게 되면
Memoization
메모이제이션은, 특정 연산이나 특정 함수의 값을 기억해놓은 후 State 의 변화로 컴포너트를 재렌더하더라도 재생성 하는 것이 아니라 기존에 저장된 값을 그대로 사용할 수 있게 한다.메모이제이션 기능을 사용함으로서 컴포넌트의 불필요한 재렌더링을 줄여 좀더 빠른 컴포넌트
memoization
메모이제이션은 특정 연산이나 특정 함수의 값을 기억해 놓은 후State의 변화로 화면이 리렌더 되더라도 함수가 초기화 되지 않고,기존에 저장된 값을 그대로 사용할 수 있게한다.메모이제이션 기능을 사용하면 컴포넌트의 불필요한 리렌더링을 줄여성능 향상을 기대할 수 있게된다
memoization
momoization은 간단하게 말하자면 어떤 입력값이 주어지게 되고 결과를 기억해놓았다가 어떤 다른 곳에서 state값이나 함수가 변경되더라도 저장된 값이 변화가 없다면 그 값에 대한 것은 리랜더링하지 않는 것으로불필요한 랜더링을 줄여 성능 향상에 크게 도움이 될 수
Memoization
useState같은 hook만 빼고 다 새로 만들어짐 자식까지도 새로 그려짐 규모가 클수록 심해짐 react developer Tool 렌더링 될때마다 깜빡거리면서 화면에 선 표시됨 자식까지 렌더링
memoization
메모이제이션이란 프로그래밍을 할 때 반복되는 결과를 메모리에 저장해서 다음에 같은 결과가 나올 때 빨리 실행하는 코딩 기법이다.피보나치수열을 예시로 이해할 수 있다. 피보나치 수열은 가장 앞의 두 수는 주어지고 그 다음 수부터는 앞 두 개의 수를 더한 값이 다음 값이
(Javascript) 재귀(recursion)와 메모이제이션(Memoization) (1)
재귀란 함수가 자기 자신을 호출 하는 것을 의미합니다. 간단하게 팩토리얼(!) 을 알려주는 함수를 만들어보겠습니다.위에 코드도 맞는 코드지만 우아하지도 않고 확장가능성도 없습니다 . 재귀를 사용해서 코드를 만들어보겠습니다 .factorial 함수를 만들었는데 그 안에
백준 1520, 내리막 길 - DFS, DP, 메모이제이션
https://www.acmicpc.net/problem/1520오답 노트 - 처음 생각한 DFS + DP 풀이 방식dp\[y]\[x]: 시작 지점 \[0]\[0] -> \[y]\[x] 지점으로 내리막 길로 가는 경로 개수=> Bottom-UP 방식dp\[y]
React-hook Memoization을 통한 렌더링 성능올리기
잘하는 엔지니어가 되고 싶습니다!! 그러한 엔지니어가 되려면 정말 많은 능력이 필요할 것 같습니다! 뷰적으로는, 디자이너의 시안을 그대로 구현할 수 있는 능력, 더 나아가 디자이너와 함께 UX를 고민하고 서비스가 원하는 방향으로 유저들을 이끌어줄 수 있는 능력이 필
React Hook - useMemo, React.memo, useCallback
- 연산 최적화 할 때 사용 Memoization : 이미 계산 해 본 연산 결과를 기억 해 두었다가 동일한 계산을 시키면, 다시 연산하지 않고 기억(캐싱) 해 두었던 데이터를 반환 시키게 하는 방법 useMemo 일반 함수로 작업시 첫 로드시 2번 실행됨 Ap
[백준 C++] 2775 부녀회장이 될테야
문제 평소 반상회에 참석하는 것을 좋아하는 주희는 이번 기회에 부녀회장이 되고 싶어 각 층의 사람들을 불러 모아 반상회를 주최하려고 한다. 이 아파트에 거주를 하려면 조건이 있는데, “a층의 b호에 살려면 자신의 아래(a-1)층의 1호부터 b호까지 사람들의 수의 합만
메모이제이션(Memoization)
setState 함수를 사용하게 되면, 화면 전체가 다시 렌더가 되면서State 와 여러개의 함수들을 다시 그려내게 된다.그런데, 단순하게 이메일 주소를 받아오는 과정이라고 했을 때Input 태그에 onChange 이벤트로 setState 함수를 실행하게 되면문자 하나
🎢[프로그래머스] 땅따먹기
문제 설명땅따먹기 게임을 하려고 합니다. 땅따먹기 게임의 땅(land)은 총 N행 4열로 이루어져 있고, 모든 칸에는 점수가 쓰여 있습니다. 1행부터 땅을 밟으며 한 행씩 내려올 때, 각 행의 4칸 중 한 칸만 밟으면서 내려와야 합니다. 단, 땅따먹기 게임에는 한 행씩
[알고리즘] 동적계획법(DP)과 memoization 2
1. 동적계획법 Dynamic Programming, 메모리를 누적하거나 적절히 활용하여, 알고리즘을 수행하는 시간을 최소화할 수 있는 알고리즘 기법이다. 프로그래밍 분야에서 Dynamic은 프로그램이 실행되는 도중을 의미하는데, DP에서의 Dynamic은 프로그래
[알고리즘] 동적계획법(DP)과 memoization 1
Dynamic Programming, DP분할정복과 비슷한 개념이긴하지만 memoization(이전 결과값의 저장과 활용)이 추가된 알고리즘을 말한다.분할정복기법은 큰 문제를 반으로 나누어 잘게 쪼개고, 분할된 문제를 풀면서(혹은 정렬하면서) 큰 문제를 해결하는 과정을
[React] useMemo()로 Rendering 최적화 1 (feat.일기장)
💡useMemo()란? React의 Rendering 성능 최적화를 위한 Hook 사용방법 React의 기능이므로 항상 상단에 import를 해줘야한다. import React, { useMemo } from "react"; > const memoizedValue
