728x90
반응형

🎯 useMemo란 무엇일까?**useMemo**는 값을 계산할 때 불필요한 반복 계산을 막아주는 도구예요.쉽게 말해, **"필요할 때만 계산하고, 값이 변하지 않으면 이전 결과를 재사용"**해요. 🧮 계산 이야기로 이해하기여러분이 수학 숙제를 한다고 상상해보세요.어떤 수학 문제의 답을 한 번 계산했는데, 친구가 또 같은 문제를 물어보면 다시 계산할 필요가 없겠죠?답을 기억해뒀다가 친구에게 바로 알려주면 돼요.React에서도 마찬가지예요.복잡한 계산이 매번 실행되면 성능이 떨어질 수 있으니까, 값이 바뀌지 않는 한 계산을 건너뛰고 결과를 재사용하는 거예요.이 역할을 하는 게 바로 **useMemo**입니다! 🚀 🛠️ useMemo 기본 예제아래는 간단한 예제예요.입력값에 따라 복잡한 계산을 처리한..
web/react hook
2024. 12. 14. 15:33
728x90
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- Nextjs
- usedeferredvalue
- preconnect
- component
- finddomnode
- 저장소
- flushsync
- 베타
- react dom hook
- Props
- prefetchdns
- react hook
- react dom
- useinsertioneffect
- Store
- useformstatus
- 실험적
- zustand
- 데이터유지
- 상태관리
- 외부폰트
- useid
- 최신데이터
- react
- experimental_taintuniquevalue
- dns-prefetch
- experimental
- experimental_taintobjectreference
- state
- useRef
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함
반응형
250x250