반응형 react최적화1 useMemo를 사용해서 최적화하기 const memoStore = useMemo( () => { return }, [placesList] ) useMemo, 값의 재활용을 위해 따로 메모리를 소비해서 저장해 놓는 것을 의미한다. 함수형 컴포넌트가 렌더링이 되면 모든 component의 함수가 호출이 된다. 이때 모든 내부 변수들이 초기화 과정을 거치는데, 렌더링이 될 때마다 모든 컴포넌트가 반복적으로 움직이게 되면 비효율적이고 무거워진다. useMemo의 활용에 대해서 크게 생각이 없었지만, 내가 만들고 있는 플젝안에서도 쓸떼없이 구동되지 않아도 될 컴포넌트들이 많았다. 먼저 StoreList컴포넌트의 경우에는 main컴포넌트 내에서 검색되는 리스트를 Props로 받는다. 검색한 결과 외에는 지속적인 렌더링이 필요가 없기때문에 useMe.. 2022. 11. 22. 이전 1 다음 728x90 반응형