I T H

React.memo를 사용해서 불필요한 렌더링을 최소화 할수있다. 아래 화면은 글씨를 쓸때마다 List,Lists 컴포넌트가 랜더링 된다. 불필요한 렌더링을 최소화시키려면 해당 컴포넌트를 React.memo로 감싸주면 됨. [Lists.js] - rafce를 눌러서 함수 형식을 바꿔준후(function -> const) - React.memo로 감싸준다. import React from "react"; import { DragDropContext, Draggable, Droppable } from "react-beautiful-dnd"; import List from "./List"; const Lists = React.memo(({ todoData, setTodoData }) => { console.l..