더북(TheBook)

11.1.2 데이터 준비

 

최적화 작업을 실습할 때 수많은 항목을 직접 넣어 줄 수는 없으니, 코드를 사용하여 데이터를 준비하겠습니다.

src/components/App.js

import React, { Component } from ‘react’;
import PageTemplate from ‘./PageTemplate’;
import TodoInput from ‘./TodoInput’;
import TodoList from ‘./TodoList’;
 
const initialTodos = new Array(500).fill(0).map(
  (foo, index) => ({id: index, text: `일정 ${index}`, done: false})
);
 
class App extends Component {
  state = {
    input: ‘’, // 인풋 
    // 일정 데이터 초깃값
    todos: initialTodos,
  }
 
 
(...)

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.