JudithHopps JudithHopps

컴포넌트 제작 TodoInsert import React, { useCallback,useState } from 'react'; import { MdAddComment } from "react-icons/md"; import './TodoInsert.scss' const TodoInsert = ({onInsert}) => { return ( ); }; export default TodoInsert; TodoInsert.scss .TodoInsert{ display: flex; background-color: #495057; input{ background :none; outline: none; border: none; padding: 0.5rem; font-size: 1.125rem; line-heigh..

1. 프로젝트 준비 프로젝트 생성 및 라이브러리 설치 //프로젝트 생성 npm create react-app Todo //라이브러리 npm install node-sass npm install classnames npm install ract-icons Prettier 설정 루트 디렉터리 .prettierrc 파일 생성 { "singleQuote": true, "semi": true, "useTabs": false, "tabWidth": 2, "trailingComma": "all", "printWidth": 80 } index.css 수정 body { margin: 0; padding: 0; background-color:azure; } App.js 컴포넌트 초기화 import React from 'r..