일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 호키스
- 리액트 예제
- javascript
- jest
- IOS
- data structure
- TDD
- 개발
- 계명대 이종호
- 리액트
- 스위프트
- queue
- 자바스크립트
- HTML
- hokeys
- 스벨트
- react
- hokidoki
- 힛잇
- SWIFT
- 개발자
- 이종호
- Svelte
- 호키도키
- 자스민
- 자바스크립트 자료구조
- Hitit
- 계명대
- 자료구조
- 비동기
Archives
- Today
- Total
목록2번 렌더 (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