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