Todo-List

✔ React 연습을 위해 Todo-List를 구현하였다.

✔ 드림코딩 영상을 참고하여 제작하였다.

1. 핵심 기능

1. Todo 추가, 삭제, 체크 구현

2. 완료, 미완료, 전체 필터 구현

3. 다크 모드 구현

✔ Todo-List 시현 영상

2. 제작 기간 & 참여 인원

1. 제작 기간: 2023.04.13 ~ 2023.04.15

2. 참여 인원: 1명

3. 배포 링크

1. 배포 링크: https://coruscating-truffle-5481cf.netlify.app/

2. Netlify를 이용하여 배포해보았다.
   
   Netlify 배포 참고 링크: https://velog.io/@jiyoon2/12-%EB%B0%B0%ED%8F%ACwith-Netlify

4. 회고 / 느낀점

1. 처음 React에 대해 배워보고 실제 구현해보면서 편리함을 느꼈고, 자바스크립트의 중요성을 느꼈다.

2. jsx 문법이 살짝 어려웠고, 콜백 함수나 객체나 훅 등등 개념이 중요해 보였다.

3. 새로운 자바스크립트 라이브러리를 배우게 되어서 재밌었고, 컴포넌트를 이용하여 재사용하는 것이 좋아보였다.

4. React내에서 사용할 수 있는 CSS 방법들을 새롭게 알게 되었다.
   
   순수CSS를 사용하고 어디서든 사용 가능한 PostCSS를 사용하였고, 소규모 프로젝트에는 Tailwind를 사용하는 것도 좋은 방법일 것 같다.

5. 여기서 만족하는 것이 아니라 복습하면서 리액트에 대해 익숙해져야겠다.