REACT
-
[React.js] useMemo개발 2021. 7. 14. 16:15
회사에서 useCallback을 사용해 성능 최적화를 해야할 일이 생겼고, useCallback이 useMemo를 기반으로 만들어졌다는 부분을 보고 나서 useMemo와 함께 리서치하기로 했다. useMemo는 특정 결과값을 재사용할 때 사용하고, useCallback은 특정 함수를 새로 만들지 않고 재사용하고 싶을 때 사용한다고 한다. 메모이제이션(계산된 값을 자료구조에 저장하고 이후 같은 계산을 반복하지 않고 자료구조에서 꺼내 재사용하는 것)에 대해 알고 있어야 한다. 아래의 예제 코드는 https://www.youtube.com/watch?v=THL1OPn72vo 에서 사용한 예제이다. useMemo(어떻게 연산할지 정의하는 함수, deps 배열) import React, { useState, us..
-
[에러] Uncaught TypeError: Cannot read property 'forEach' of undefined에러 2021. 7. 12. 15:23
React Dev Tools에 있는 Highlight Updates 기능을 사용하려다가 해당 오류가 발생했다. 크롬 개발자도구 콘솔을 확인해보니 해당 오류와 함께 화면에 아무것도 렌더링되지 않았는데 원인 파악하고 백업용으로 작성하는 글.. Uncaught TypeError: Cannot read property 'forEach' of undefined at Object.injectIntoGlobalHook (react-refresh-runtime.development.js:465) at Object../node_modules/@pmmmwh/react-refresh-webpack-plugin/client/ReactRefreshEntry.js (ReactRefreshEntry.js:8) at __webpac..