공부/Project

개인숙제 - To Do List 만들기

뀨뿌뀨뿌 2023. 6. 24. 14:28

📌 프로젝트명

To-Do-List

📌 프로젝트 설명

기술 매니저님의 권유로 주특기 주차 프로젝트와 관련 없이 만들어본 to-do-list

📍구현하고 싶은 기능
✔️input - 할일을 입력할 수 있는 input 및 추가 버튼 포함

✔️출력 - 입력기능을 통해 추가된 요소들을 추가 순서대로 리스팅 됨
✔️삭제 - 휴지통 아이콘 생성, 아이콘을 누르면 삭제됨
✔️완료 - 각각 추가된 요소들을 누르면 글자색 연하게 변경하기

📌 코드 링크👇

 

GitHub - Kang-Gyeongwon/to-do-list-hw: 항해99 주특기 주차 중 숙제

항해99 주특기 주차 중 숙제. Contribute to Kang-Gyeongwon/to-do-list-hw development by creating an account on GitHub.

github.com

📌 프로젝트를 마치며

저번 웹미니 프로젝트를 할 때도 todolist를 만들었던 경험이 있어서 그런지 생각보다 많이 빨리 끝난 거 같다
지금은 단순한 기능 구현을 주목적으로 한번 해보았는데 리액트를 조금 더 공부하여 기능에 따른 컴포넌트 단위로 나누어서 정리를 꼭 한번 해야겠다고 생각이 들었고, 내가 생각보다 아직까지 props를 넘겨주는 것에 대해서 지식이 부족하다는 것을 많이 느끼게 되었다.
또한 화살표함수를 사용하면 매번 return은 제거하지만 중괄호는 제거를 하지 않아서 그걸로 인한 오류가 발생하는 것을 보고 코드를 작성할 때 조금 더 신경 쓰고 꼼꼼하게 작성해야 되겠다고 생각이 들었다.

'공부 > Project' 카테고리의 다른 글

사전 준비 - 웹미니 프로젝트  (0) 2023.06.13
사전 준비 - 웹미니 프로젝트 설계  (0) 2023.06.08