최적화

리액트 컴포넌트 성능 최적화 [react/component/typescript]

지난 글에서 만들었던 일정 관리 웹 애플리케이션을 통해 성능 최적화를 도모해보고자 한다. 많은 데이터 렌더링 일정 관리 애플리케이션 코드에서 랙을 경험할 수 있도록 많은 데이터를 렌더링해보자. import "./App.css"; import TodoTemplate from "./TodoTemplate"; import TodoInsert from "./TodoInsert"; import TodoList from "./TodoList"; import { useCallback, useRef, useState } from "react"; function createBulkTodos() { const array = []; for (let i = 1; i { const todo = { id: nextId.curre..