Day 16 - ReactJS로 TodoList 만들기 #3

기존의 나의 TodoList는 아래와 같다

https://studywithzpqmdh.tistory.com/87

Day 9 - ReactJS로 TodoList 만들기 #2

몇 가지 문제점을 해결하였지만 아직 많이 부족하다.

그동안 몇가지를 수정하였는데 그에 대한 기록을 하려고 한다.

 

먼저 배경 색을 바꾸었다. 그리고 내용이 들어가는 컨테이너도 만들었다.

"추가", "삭제"의 디자인이 없는 기본 버튼 대신에 이모티콘을 넣어 더 보기 좋게 만들었다.

 

할 일을 추가하면 위의 사진과 같다.

아직 하지 않은 일은 위의 칸에 등록이 되고 할 일을 했다고 체크할 수 있는 체크박스와 삭제할 수 있는 X 표시가 있다.

완료했다고 체크 박스를 누르면 아래 칸으로 넘어간다. 

삭제도 잘 된다~

 

아직 부족한 점도 많지만.. 더 배워가며 update 해야겠다.

 

https://github.com/zpqmdh/React-TodoList

GitHub - zpqmdh/React-TodoList