10.2.1 TodoTemplate 만들기

    src 디렉터리에 components 디렉터리를 생성한 뒤 그 안에 TodoTemplate.js와 TodoTemplate.scss 파일을 생성하세요. 그다음에는 자바스크립트 파일을 다음과 같이 작성하세요.

    TodoTemplate.js

    import React from 'react';
    import './TodoTemplate.scss';
     
    const TodoTemplate = ({ children }) => {
      return (
        <div className="TodoTemplate">
          <div className="app-title">일정 관리</div>
          <div className="content">{children}</div>
        </div>
      );
    };
     
    export default TodoTemplate;

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