리액트 todolist 만들기
[React] 리액트 ToDoList 만들기 :: 컴포넌트 만들기
[React] 리액트 ToDoList 만들기 :: 컴포넌트 만들기
2021.10.08🎯 React ToDoList - 컴포넌트 만들기 벨로퍼트님의 리액트를 사용하여 멋진 투두리스트를 보고 학습한 내용입니다. 📝 cra설정 npx create-react-app react-todolist npm i react-icons styled-components 기존 폴더에서 cra create-react-app . 📝 컴포넌트 역할 📕 TodoTemplate 투두리스트의 레이아웃을 설정하는 컴포넌트이다. 페이지 중앙에 그림자가 적용된 흰색 박스를 보여준다. 📕 TodoHead 오늘의 날짜와 요일을 보여주고, 앞으로 해야 할 일이 몇 개 남았는지 보여준다. 📕 TodoList 할 일에 대한 정보가 들어있는 todos 배열을 내장 함수 map을 사용하여 여러 개의 TodoItem 컴포넌트를 렌더링 해준..