[TIL/React] 2023/04/03

component 만들기

1. 새로운 프로젝트 생성

2. react-icons & styled-components install

3. App.js 수정

페이지에 회색 배경 색상을 적용했다.

페이지의 배경 색상을 설정하려면 body 태그에 css를 적용해주면 된다. styled-component에서 글로벌 스타일을 추가하고 싶다면 createGlobalStyle을 사용하고, 해당 함수를 통해 만들어진 component를 렌더링하면 된다.

4. TodoTemplate 만들기

5. TodoHead 만들기(날짜, 요일, 남은 할 일 개수)

6. TodoList 만들기

7. TodoItem 만들기

이 부분은 잘 이해가 안 됐다. 내일 학교에서 천천히 흐름을 따라가봐야겠다.

8. TodoCreate 만들기

UI에만 머무를 수 없어서 해당 부분도 일단 복붙했다. ㅜㅜ 어렵다

클릭하면 이렇게 변하게 하는 코드

내일은 꼭 상태관리에 들어가도록 하겠다!