My TodoList

• React를 활용하여 개발한 Todo List입니다.
• Todo 항목을 추가, 수정 및 삭제가 가능하며 항목검색 기능을 구현한 웹사이트 입니다.

제작기간

2023.07.11 - 2023.07.15

사용기술

• React
• Local Storage
• Netlify

주요기능

• todo 항목 추가, 삭제, 수정
• todo 리스트에서 원하는 항목 검색
• 완료된 todo 항목과 완료되지 않은 todo 항목의 개수를 실시간으로 출력

구현기능

• React를 활용하여 Create, Read, Update, Delete 기능을 구현 하였습니다.
• Local Storage를 활용하여 사용자의 할 일 데이터를 브라우저에 저장 하였습니다.
• 상태관리에 useReducer를 활용해 복잡해 보이는 상태로직을 관리 하여 각각 액션에 대한 상태변화를 효율적으로 관리할 수 있었습니다.
• filter함수를 활용한 검색 기능으로 검색 창에 입력한 값과 일치하는 내용만을 불러오는 기능을 구현

링크

사이트 링크
GitHub 링크