10.2.2 TodoInsert 만들기

    이번에는 TodoInsert를 만들 차례입니다. components 디렉터리에 TodoInsert.js 파일과 TodoInsert.scss 파일을 생성하세요.

    TodoInsert.js

    import React from 'react';
    import { MdAdd } from 'react-icons/md';
    import './TodoInsert.scss';
     
    const TodoInsert = () => {
      return (
        <form className="TodoInsert">
          <input placeholder=" 일을 입력하세요" />
          <button type="submit">
            <MdAdd />
          </button>
        </form>
      );
    };
     
    export default TodoInsert;

     

    여기서 처음으로 react-icons의 아이콘을 사용했습니다.

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