/SEEWON-TODO

리액트를 사용해 만든 투두리스트 web app

Primary LanguageJavaScript

2주차 미션: React-Todo

서론

지난 주 스터디 이후에 많이 반성하고.. 이번 주에는 더 열심히 열심히 미션을 했습니다! 아래는 배포 완료한 이번 미션 링크입니다 :) https://react-todo-14th.vercel.app/

지난번 미션 때는 필수 요건을 착각해 조금 다른 Todo list를 만들었었는데요, 같은 실수를 반복하지 않기 위해 필수 요건에 각별히 신경썼습니다 😀

신경 쓴 포인트

  • 하나의 컴포넌트를 Todo List와 Done List에서 중복 사용할 수 있도록 구현
  • (지난번에 못했던) 토글 시 Item이 리스트를 옮겨 다니도록 구현
  • (지난번에 못했던) 로컬 스토리지를 이용한 저장 기능 구현
  • 공백 입력 시 예외 처리
  • react-icons를 이용한 버튼 사용

Styled-Components는 처음 써 봤는데, js파일 안에서 CSS요소를 담은 컴포넌트를 바로 만들어 쓸 수 있다는 점에서 직관적이고 편한 것 같아요!