본문 바로가기
웹/(React)리액트

(React) 리액트 Todo List + 색깔 바꾸기 기능 추가/ 작은 프로젝트

by 공부가싫다가도좋아 2021. 8. 28.
반응형

(React) 리액트 Todo List  + 색깔 바꾸기 기능 추가


포스팅 요약

1. 결과 화면

2. 기능 소개

3. 나중에 추가할 항목

4. 개선해야 될 점

5. 깃허브 코드

6. 복습한 내용


1. 결과 화면

 


2. 기능 소개

 

1) 리스트 작성 후 추가

2) 리스트 제거

3) 완료한 리스트 체크 

4) app 색상 고르기


3. 나중에 추가할 항목

1) modify 기능: 할 일 수정 기능


4. 개선해야 될 점

1) useCallback을 사용하여 렌더링 최적화


5. 깃허브 코드

https://github.com/6810779s/todoList-app-project

 

GitHub - 6810779s/todoList-app-project

Contribute to 6810779s/todoList-app-project development by creating an account on GitHub.

github.com


6. 복습한 내용

1) Hook

2) 부모 컨테이너와 자식컨테이너 사이의 데이터 주고받기

3) CSS Module

4) 이벤트 handler

5) react icon사용법 

6) react 조건부 스타일링


컴포넌트가 많이 나눠져 있어서 따로 블로그에 코드를 올리지는 않았습니다.

 

반응형

댓글