컴포넌트 구조
|App|
ㄴ|TodoTemplate|
ㄴ|TodoInset|
ㄴ|TodoList|
ㄴ|TodoListItem|
.prettierrc 파일
{
"singleQuote": true,
"semi": true,
"useTabs": false,
"tabWidth": 2,
"trailingComma": "all",
"printWidth": 80
}
index.css 수정
body{
margin:0;
padding: 0;
background: #e9ecef;
}
컴포넌트들은 src/components 디렉토리에 저장 ( 관습임 )
TodoTemplate
TodoInsert
TodoListItem
TodoList
코드(https://github.com/dongwonnn/learning-react/tree/main/todo-app_2/src/componentsUI)
react-icon에 대해서
checked 태그 -> 자동으로 설정