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;

---