서녕이네 개발단지

앞서 포스팅한 내용 중 렌더링 최적화를 위한 방법으로 메모이제이션이 있다는걸 포스팅 했던적이 있다. 🙌🏻 메모이제이션을 사용하는 이유는? 👇🏻 아래 포스팅을 보고 오면 된다! https://seonzzi-honey-factory.tistory.com/5 [React] 렌더링 최적화 React를 사용하면 렌더링 성능에 대해 고민을 해야 하는데, 렌더링 최적화 방법은 다양하겠지만 현재 내가 아는 최적화 방법을 몇 가지 적어보려고 한다. 많이 써보지 않아 익숙하지 않은 친구들 seonzzi-honey-factory.tistory.com 하지만! 이번 포스팅은 이것들을 쓰면 안되는❌ 이유와 과연 메모이제이션이 꼭 필요한가에 대해 포스팅을 하려고 한다. React에서의 Memoization(메모이제이션) 이란? ..

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