일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- AWS
- 클라우드
- JavaScript
- 블록체인
- 이슈
- 자바스크립트
- next.js
- VUE
- CSS
- 솔리디티
- 리액트
- k8s
- 타입스크립트
- react
- docker
- 웹
- 가상화
- 쿠버네티스
- HTML
- 백준
- 파이썬
- kubernetes
- es6
- 알고리즘
- 이더리움
- BFS
- 백엔드
- TypeScript
- 프론트엔드
- 컴퓨터공학
Archives
- Today
- Total
목록📖 useMemo (1)
즐겁게, 코드
useMemo 훅에 대하여
useMemo 훅은 useState와 useEffect에 비해서는 존재감이 다소 떨어지지만 강력한 기능을 탑재하고 있습니다. 바로 메모이제이션을 구현해 함수의 중복 동작을 막아 성능을 향상시킬 수 있는데, 한번 사용 방법을 살펴보도록 하겠습니다. [useMemo 훅의 기본 형태] import React, {useMemo} from 'react' const memoizedValue = useMemo(() => { return (수행할 동작 (주로 시간이 오래 걸리는)); }, [의존값]); 리액트 컴포넌트는 재렌더링될때마다 컴포넌트 내의 모든 함수를 다시 호출하지만, useMemo를 사용하면 의존값으로 주어진 값이 변경될 때만 특정 함수를 호출할 수 있습니다. import React, { useState,..
🎨 프론트엔드/React.js
2020. 12. 30. 15:44
소소한 팁 : 광고를 눌러주시면, 제가 뮤지컬을 마음껏 보러다닐 수 있어요!
와!! 바로 눌러야겠네요! 😆