4.2.1 todos 상태 만들기

    todos 상태는 App 컴포넌트에서 만들겠습니다. 기본으로 보여줄 할일 항목 세 가지도 배열 안에 추가합니다.

    App.js

    import React, {useState} from 'react';
    (...)
    
    function App() {
        const today = new Date();
    
        const [todos, setTodos] = useState([
          {id: 1, text: '작업환경 설정', done: true},
          {id: 2, text: '리액트 네이티브 기초 공부', done: false},
          {id: 3, text: '투두리스트 만들어보기', done: false},
        ]);
    
        (...)

    우리가 사용할 할일 항목을 가리키는 객체는 다음 값을 지닙니다.

    id: 각 항목의 고유 ID 값

    text: 화면에서 보여줄 text 값

    done: 할일의 완료 여부를 나타내는 값

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