일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 리액트 예제
- 스벨트
- 계명대 이종호
- 리액트
- SWIFT
- 힛잇
- javascript
- HTML
- 비동기
- 호키스
- data structure
- TDD
- jest
- 자바스크립트
- Svelte
- 이종호
- 개발자
- react
- 스위프트
- hokeys
- 계명대
- queue
- 자바스크립트 자료구조
- 호키도키
- 자스민
- Hitit
- IOS
- 개발
- 자료구조
- hokidoki
Archives
- Today
- Total
목록리액트 useMemo (1)
Dog foot print
useMemo 및 memo 조금 더 자세히 사용해보기
Memoization이란 ? useCallback, useMemo, React.memo 와 같은 기능에서 사용되는 memo 라는 개념은 파라메터를 기준으로 이전에 리턴한 해당 함수의 결과값을 리턴하는 개념이다. 순수함수는 파라메터가 동일할 때, 리턴값은 언제나 같다”라는 특징이 있다. 이런 특징을 이용해 연산이 오래걸리는 함수가 이전에 동일한 파라메터로 연산한 결과가 있다면 이전 리턴값을 줌으로써 연산에 필요한 시간을 단축할 수 있게 된다. 아래는 버튼을 클릭 할 때 마다 input값을 숫자로 변경해 O(2^n) 의 시간 복잡도를 가지는 fivo 함수의 결과가 출력되는 코드이다. function fivo(n : number) : number{ console.log("FivoStart") function ..
REACT
2023. 4. 11. 08:54