useMemo() 를 사용해야 할 때
리액트 공식문서는 useMemo 에 대해 생성함수와 의존성 배열을 전달하면 메모이제이션 된 값을 반환한다고 설명한다. 위키백과에서 메모이제이션을 찾아보면, 메모이제이션(memoization)은 컴퓨터 프로그램이 동일한 계산을 반복해야 할 때, 이전에 계산한 값을 메모리에 저장함으로써 동일한 계산의 반복 수행을 제거하여 프로그램 실행 속도를 빠르게 하는 기술이다. 라고 하는데, 다시 말해 한 번 생성한 컴포넌트를 메모리에 저장해서 사용하는 것이다. 메모리를 소모하지만 프로그램의 성능은 향상된다. 예를 들어, 동영상과 리스트가 함께 나오는 화면에서 리스트가 동영상 컴포넌트의 자식 컴포넌트일 때 동영상을 리로딩해도 리스트는 그대로 보여지게 하고 싶다면 useMemo 를 사용하면 되겠다.
Programming/React
2022. 4. 14. 10:54
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 화살표함수
- youtube api
- 안드로이드 웹뷰 크롬
- mariadb
- 리액트
- props
- 하나의행
- 깃레포변경
- 컴포넌트
- 리액트youtube
- React
- mysql rollback
- 원격주소변경
- react.memo
- autocommit
- sameSte
- 웹뷰 디버깅
- 깃레포
- vscode
- react youtube api
- autocommit=0
- Repository
- useMemo
- 하이브리드앱 디버깅
- Join
- memo props
- GIT
- memo 동작안함
- 화살표함수괄호
- mysql commit
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함