목록react rendering (1)

서녕이네 개발단지

[React] 렌더링 최적화

React를 사용하면 렌더링 성능에 대해 고민을 해야 하는데, 렌더링 최적화 방법은 다양하겠지만 현재 내가 아는 최적화 방법을 몇 가지 적어보려고 한다. 많이 써보지 않아 익숙하지 않은 친구들이다. 📄 목차 1. map 함수를 사용 시 key값의 중요성 2. React.memo() 3. useMemo() 4. React.memo()와 useMemo()의 공통점, 차이점 5. useCallback() ⭐️리액트 렌더링 최적화 방법? map함수를 사용 시 key값의 중요성 map함수를 사용시 key값에 index를 넣는 경우가 많다. 하지만 이는 리렌더링을 발생시키기 때문에 좋지 않다. React에서는 컴포넌트들을 맵핑할 때, 고유의 key 값을 부여할 것을 강제하고 있다. 이때, key값에 index를 사..
프론트엔드/React 2023. 6. 11. 00:05
이전 Prev 1 Next 다음