일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- Hitit
- 개발
- 호키스
- 호키도키
- hokidoki
- data structure
- SWIFT
- 자바스크립트 자료구조
- HTML
- javascript
- IOS
- 자료구조
- Svelte
- 개발자
- 리액트 예제
- hokeys
- queue
- 이종호
- TDD
- 리액트
- 비동기
- 계명대 이종호
- jest
- 자스민
- react
- 자바스크립트
- 계명대
- 스위프트
- 힛잇
- 스벨트
Archives
- Today
- Total
목록react memo (1)
Dog foot print
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/Pswgk/btr9nnlF04b/1d7jCIZxbJJbUc3WOLXbRK/img.png)
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